如何为高图表的每一列添加类名?


  • 数据点的图形表示高艺术列的附加单个类名称。

$('#cpm-graph-chart').highcharts({
chart: {
type: 'column'
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0,
},
series: {
cursor: 'pointer'
}
},
series: [{
name: 'Graph',
data: [0, 2, 4, 6],
dataLabels: {
enabled: true,
}
}]
});

现场演示:http://jsfiddle.net/BlackLabel/d2hnse0g/

您可以使用选项为每个点添加额外的单独类名className

series: [{
data: [{
y: 0,
className: 'point-one'
},
{
y: 2,
className: 'point-two'
},
...
],
...
}]

现场演示:http://jsfiddle.net/BlackLabel/1cmp0s69/

API 参考:https://api.highcharts.com/highcharts/series.column.data.className

最新更新