如何在高图表中为堆积图的图例创建表
How to create a table for legend of a Stacked Chart in Highcharts?
这是 highchart 中堆栈图的 JavaScript 代码-
legend: {
align: 'right',
x: -70,
verticalAlign: 'top',
y: 20,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false
},
这是我的一系列数据-
series: [{
name: 'A',
data: [5]
}, {
name: 'B',
data: [2]
}, {
name: 'C',
data: [3]
}]
是否可以以表格格式显示高图表(堆叠图)的上述数据的图例?
表格
格式的高图(堆积图)
http://jsfiddle.net/ntg7qz3q/1/
工作小提琴
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Stacked bar chart'
},
xAxis: {
categories: ['A', 'B', 'C']
},
yAxis: {
min: 0,
title: {
text: 'Total fruit consumption'
}
},
legend: {
align: 'right',
x: -70,
verticalAlign: 'top',
y: 20,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
name: 'A',
data: [5]
}, {
name: 'B',
data: [2]
}, {
name: 'C',
data: [3]
}]
});
});
相关文章:
- 更改使用Chart.js创建的图表中的轴线颜色
- 如何访问高图表工具提示中的任何特定数据
- 将图表动态添加到组合高图表中
- 在Firefox中导出高图表时出现黑色图像错误
- 在高图表中,每x步只显示标签
- 如何根据创建日期对对象进行排序,以插入Meteor的高图表
- 如何在高图表中创建自定义线型
- 创建高图表点击功能时丢失了 Angularjs 范围
- 从经典 ASP 中的 SQL 数据集为高图表创建多个数组
- 如何在高图表中创建这样的饼图/圆环图
- 如何使用高图表创建列字符,其中每列都有不同的颜色
- 在表内创建高图表饼图图例
- 根据 JSON 数据在高图表中动态创建柱形图
- 在服务器端创建整个高图表对象
- 如何在高图表中为堆积图的图例创建表
- 使用引导轮播动态创建高图表
- 创建高图表(柱形图)并从外部 json 文件中读取数据
- 如何定义一个javascript函数,根据需要创建高图表
- 在具有起点和终点的高图表中创建直线
- 高图表:我想在向下钻取数据数组中创建一个链接