AmCharts lignes de division

Question

j'ai Stacked graphique à barres avec des valeurs négatives

si possible Fendez chaque ligne par une autre catégorie? Horizontalement!

Code exemple

TNX

Answer 1

Vous pouvez ajouter une autre dimension à vos données, puis créer un objet graphique dans le tableau graphs définir où et comment il devrait afficher. L'utilisation de la propriété open et valueField vous permet de créer une nouvelle barre dans la collection empilée avec ses propres valeurs d'ouverture/fermeture. Je suppose que c'est ce que vous voulez dire en "séparant" la ligne horizontalement.

Dans la matrice dataProvider, vous pouvez ajouter ces nouvelles valeurs d'ouverture/fermeture à vos objets individuels et utiliser les noms de champ pour indiquer à l'objet comment les afficher.

// individual dataProvider object 
{ 
    "age": "0-4", 
    "male": -5.0, 
    "female": 4.8, 
    "other_low": -2, 
    "other_high": 2 
} 



// Accompanying graph object 
{ 
    "fillAlphas": 1, 
    "lineAlpha": 0.2, 
    "type": "column", 
    "openField": "other_low", 
    "valueField": "other_high", 
    "title": "Other", 
    "labelText": "[[open]]% - [[value]]%", 
    "labelPosition": "middle", 
    "balloonFunction": function(item) { 
     return item.category + ": " + Math.abs(item.values.value) + "%"; 
} 

Working codepen example