这是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]
}]
是否可以表格形式显示上述Highcharts(堆积图表)数据的图例?
最佳答案
表格格式的高图表(堆积图)
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]
}]
});
});
关于javascript - 如何为Highcharts中的堆积图图例创建表?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27033536/