ajax axis,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下效果

加支付宝好友偷能量挖...

2015-1-8Web开发网