高图堆叠条形图:添加类别和数据系列
Highcharts stacked bar chart: adding categories and data to series
我有以下堆叠条形图: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/相关文章:
- 谷歌图表堆叠柱状图.如何设置每个单独堆叠项目(数据系列)的样式
- 谷歌图表API:数据系列的Z索引
- Angular Highcharts ng如何将其他数据系列设置为工具提示
- 用不同颜色填充的Highchart数据系列
- 如何为 jqPlot 中的特定数据系列设置 Stack Series false
- 为 Shield UI JavaScript 数据系列点的每个点打开特定位置
- 高图表:动态添加数据系列,并在yAxis上动态添加类别
- 在一个高图表中添加两个 json 数据系列
- 如何使用十字准线在 x 轴上设置高图表数据系列
- Highcharts极坐标图-指定数据系列&每个轴的工具提示
- 谷歌图表API:一个数据系列,两个垂直轴
- Highcharts-堆积列数据系列
- 突出显示多个数据系列
- 将JSON数据系列解析/映射为整数
- 谷歌图表:将ChartRangeFilter与数据系列选择器相结合
- 如何在谷歌图表中添加另一个数据系列
- highcharts:当添加新的数据系列时,如果标题与现有的Y轴不同,则添加新的Y轴
- 动态更改Highcharts数据系列类型
- 航路图:绘制不同颜色的点,相同的数据系列
- 高图堆叠条形图:添加类别和数据系列