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开发网