AmCharts分裂线

时间:2017-08-18 09:24:26

标签: javascript amcharts

我的堆积条形图显示负值

enter image description here

是否可以将每一行拆分为另一个类别? 水平!

Code exemple

TNX

1 个答案:

答案 0 :(得分:0)

您可以为数据添加另一个维度,然后在graphs数组中创建一个图形对象,以定义它应显示的位置和方式。

使用open属性和valueField可以在堆叠集合中创建一个具有自己的打开/关闭值的新栏。 我假设这是你的意思"分裂"水平线。

在dataProvider数组中,您可以将这些新的打开/关闭值添加到单个对象,并使用字段名称正确指示graph对象如何显示它们。

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