Highcharts如何设置xAxis轴某条线的颜色
Highcharts如何设置xAxis水平轴某条线的颜色源代码。Highcharts使用vml（IE8-）或者svg（标准浏览器）进行绘图的，x水平轴的的对象是shape（vml）或者path（svg）来绘制。所以只需要使用导入的jquery框架找到指定的对象就可以更改颜色了。
本示例居于Highcharts-4.0.4，测试DEMO为下载压缩包中的examples\line-basic\index.htm这个事例，设置从上面开始第二条水平x轴的颜色为红色
$(function () {
$('#container').highcharts({/*原示例中的代码配置*/ });
var grid = $('div.highcharts-grid'), vml = false;
if (grid.length == 0) grid = $('g.highcharts-grid');
else vml = true;
line = grid.find(vml ? 'shape' : 'path').eq(1);
if (vml) line.css('background-color', 'red');
else line.attr('stroke', '#ff0000');
});
chrome下效果
IE8下效果
加支付宝好友偷能量挖...
原创文章，转载请注明出处：Highcharts如何设置xAxis轴某条线的颜色