我在应用程序中使用highchart的柱状图。
我有柱状图。当用户在图表中选择一列时,所选列应显示不同的边框颜色和宽度。
这是的代码片段
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
xAxis: {
categories: [
'Jan', 'Feb', 'Mar',
'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep',
'Oct', 'Nov', 'Dec'
]
},
plotOptions: {
series: {
allowPointSelect: true,
marker: {
states: {
select: { lineWidth: 10 }
}
}
}
},
series: [{
data: [
29.9, 71.5, 106.4,
129.2, 144.0, 176.0,
135.6, 148.5, 216.4,
194.1, 95.6, 54.4
]
}]
});
});
代码段
当我选择该列时,颜色将变为灰色。我希望它们保持原样。
你的意思是这样的:
plotOptions: {
series: {
allowPointSelect: true,
states: {
select: {
color: null,
borderWidth:5,
borderColor:'Blue'
}
}
}
},
演示