Afficher Pie Nom du graphique comme titre

est-il un moyen de montrer le nom de diagramme circulaire sur le dessus, en bas, à droite ou à gauche d'un diagramme circulaire sans avoir à utiliser les étiquettes, comme ils utilisent en this Highcharts Démo:Afficher Pie Nom du graphique comme titre

 labels: { 
      items: [{ 
       html: '<b>Total fruit consumption<b>', 
       style: { 
        left: '40px', 
        top: '8px', 
        color: 'black' 
       } 
      }] 
     }

Les étiquettes ont une position absolue en pixels, et pour les tartes j'utilise des pourcentages.
Quand il y a un redimensionnement, les étiquettes restent au même endroit et les tartes bougent, et je ne peux pas obtenir la même position relative en pourcentage pour les deux. pie Exemple:

{ data: [{ color: '#31B7C9', name: 'Slice 1', y: 1266364.92333333 }, { color: '#9ED93E', name: 'Slice 2', y: 7284620.73 }, { color: '#DABF12', name: 'Slice 4', y: 2330663.39333333 }], name: 'Pie Chart Name', type: 'pie', center: ["25%", "25%"], showInLegend: true, size: "20%", dataLabels: { enabled: false }}

Toute idée comment obtenir le nom de camembert pour afficher comme son titre?

Exemple dans jsFiddle here.

Nous vous remercions à l'avance

Source

2012-09-11 Miguel Marques

pouvez-vous le montrer au violon? –

Oui, un violon (pas la démo highchart) serait mieux. Peut être que nous pouvons formuler une formule pour calculer la position, si vous pouvez partager le code sur la façon dont la tarte est tracée sous différentes dimensions de conteneur –

J'ai trouvé un plugin qui permet de montrer les titres de graphique circulaire here.

Source

2013-06-04 10:08:45

EDIT: il semble donc que vous voulez avoir le même graphique que dans la démo et pas seulement un diagramme circulaire. Si tel est le cas, ma réponse ci-dessous échoue. Vous devrez utiliser des étiquettes et les positionner.

---- Garder ci-dessous le code pour référence future ---

Oui, Utilisez la propriété de titre. Exemple ici: http://jsfiddle.net/wergeld/svkmM/

title: { 
    text: 'A Title!' 
}

Source

2012-09-11 18:38:56 wergeld

Ce n'est pas le graphique principal, c'est un tableau de combinaison. Le titre est requis uniquement pour le gâteau. Corrigez-moi si je me trompe @Miguel –

Ah, dans ce cas, il faudra que ce soit des étiquettes. Le graphique principal utilise la propriété title. – wergeld

Oui, le titre n'est requis que pour le Pie @JugalThakkar, le problème de l'utilisation des labels est que je ne peux pas les placer dynamiquement en haut à gauche, en bas ou en bas du gâteau, comme le ferait un titre. –

Afficher Pie Nom du graphique comme titre

Répondre

Questions connexes