如何在highcharts中的yAxis上仅在0上显示网格线?

时间:2013-04-20 16:05:04

标签: javascript graph charts highcharts

我有一个highcharts图表,一切都在下面作为样机。但是我坚持了一些事情。有没有办法从yAxis中删除所有网格线,除了0中的网格线,如下图所示的高线图?或者我们必须使用自己的javascript来实现这一目标吗?另外,我们可以在yAxis标签和图表之间以及图表右侧的那个(图表末尾)中显示灰色区域吗?

graph mockup

感谢您的任何建议。

1 个答案:

答案 0 :(得分:16)

您可以将gridLineWidth设置为0. http://api.highcharts.com/highcharts#xAxis.gridLineWidth

示例:http://jsfiddle.net/ssQVJ/

yAxis: {
        gridLineColor: '#197F07',
        gridLineWidth: 0,
        lineWidth:1,
         plotLines: [{
            color: '#FF0000',
            width: 1,
            value: 0
        }]
    },