高图堆叠条形图:添加类别和数据系列

Highcharts stacked bar chart: adding categories and data to series

本文关键字:数据 系列 添加 条形图 高图堆      更新时间:2023-09-26

我有以下堆叠条形图:http://jsfiddle.net/bvuWR/1/我有个问题,我可以用哪种方式添加一个类别并为这个额外类别添加系列数据?我试图在Hilitock文档中找到添加类别的功能,但除了addPoint之外没有找到任何合适的功能。

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

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

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

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/

以下是官方highcharts参考:

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

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

这个问题似乎已经在之前的帖子中得到了回答:

使用HighCharts动态添加一个系列股票图表

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

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