amCharts geteilt Linien

Question

Ich habe Gestapelte Balkendiagramm mit negativen Werten

wenn möglich Split jede Zeile von einer anderen Kategorie? Horizontal!

Code exemple

tnx

Answer 1

Sie eine weitere Dimension, um Ihre Daten hinzufügen können, und dann mit einem Grafikobjekt innerhalb des graphs Array erstellen definieren, wo und wie sie angezeigt werden sollen.

Mithilfe der open-Eigenschaft können Sie zusammen mit valueField einen neuen Balken innerhalb der gestapelten Sammlung mit eigenen Werten zum Öffnen/Schließen erstellen. Ich nehme an, das ist, was Sie meinen, indem Sie die Linie horizontal "aufteilen".

Im DataProvider-Array können Sie diese neuen Öffnungs-/Schließungswerte zu Ihren individuellen Objekten hinzufügen und die Feldnamen verwenden, um das -Objekt korrekt anzuweisen, wie diese angezeigt werden.

// 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