2016-10-05 32 views
0

我想使用各种方法使y轴可见,但是每当我改变轴的颜色时,整个图的颜色即系列改变。有没有办法让y轴和x轴可见而不改变图形颜色。Highstock:如何定义和使x和y轴可见?

xAxis: { 
    gapGridLineWidth: 0 
}, 

yAxis: { 
    opposite:false, 
}, 

navigator: { 
    enabled:false, 
}, 

rangeSelector: { 
    buttons: [{ 
     type: 'hour', 
     count: 1, 
     text: '1h' 
    }, { 
     type: 'day', 
     count: 1, 
     text: '1D' 
    }, { 
     type: 'all', 
     count: 1, 
     text: 'All' 
    }], 
    selected: 1, 
    inputEnabled: false, 
}, 

回答

0

您应该可以在不更改系列颜色的情况下更改轴的颜色。

您可以使用tickColor,lineColor,gridLineColor和labels.style用于设置标签的颜色: http://api.highcharts.com/highcharts/yAxis.lineColor

yAxis: { 
     lineColor: 'red', 
     gridLineColor: 'red', 
     tickColor: 'red', 
     labels: { 
     style: { 
      color: 'red' 
     } 
     } 
    }, 
    xAxis: { 
     lineColor: 'red', 
     tickColor: 'red', 
     labels: { 
     style: { 
      color: 'red' 
     } 
     } 
}, 

在这里你可以看到一个例子,如何它可以工作:http://jsfiddle.net/c9bfmzsm/

+0

出于某种原因linecolor仅适用于x轴,但不适用于y轴 – Tareq

+0

yAxis上有哪些行?你需要设置你的线的宽度,在其他情况下它将是0.所以你正在改变0宽度的线的颜色。 http://jsfiddle.net/c9bfmzsm/1/ –