Highcharts堆积条形图:向系列添加类别和数据

时间:2013-03-01 16:23:36

标签: javascript

我有以下堆积条形图:http://jsfiddle.net/bvuWR/1/ 我有疑问,我可以通过哪种方式添加类别,我可以为其他类别添加系列数据? 我试图在Highstock文档中找到添加类别的函数,但除了addPoint之外没有找到任何合适的函数。

[1]: http://jsfiddle.net/bvuWR/1/

2 个答案:

答案 0 :(得分:2)

您需要做两件事来更新类别:

1:使用setCategories()方法将下一个类别附加到列表中 - 在示例中,我将Lemon类别添加到原始列表中。不幸的是,似乎我只能添加一个类别,但只能一次设置整个列表。

2:使用addPoint()

使用Lemon类别的值更新每个系列对象
chart.xAxis[0].setCategories(['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas', 'Lemon']);

for (var i = 0; i < chart.series.length; i++)
{
   chart.series[i].addPoint(Math.random() * 5, true, true);
}

在jsfiddle上查看这个例子。

http://jsfiddle.net/bvuWR/106/

以下是上述官方高级图表参考:

http://api.highcharts.com/highcharts#Axis.setCategories()

http://api.highcharts.com/highcharts#Series.addPoint()

答案 1 :(得分:0)

此问题似乎已在之前的帖子中得到解答:

Adding a series dynamically with HighCharts Stock Charts

另外:我通过在响应式设计中添加/删除系列数据来演示高级图表。 查看chart.js javascript以查看它是如何放在一起的。

http://www.informed-design.com/responsive/chart/