高脚椅：改变每个其他网格线的宽度

Question

全部，   我使用highcharts创建了折线图，使用以下

每10个单位实现网格线

xAxis = {
            tickInterval: 10,
            gridLineWidth: 1,
            gridLineColor: 'red'
    }

现在我要做的是将每25个网格线的宽度增加1，总宽度为2。

我觉得应该有任何简单的方法来做到这一点，但我似乎无法找到它的API调用。

Answer 1

我认为你可以在你的情况下使用gridLines和minorGridLines。您可以使用不同的gridLines宽度。在这里您可以找到有关此选项的信息： http://api.highcharts.com/highcharts#xAxis.minorGridLineWidth http://api.highcharts.com/highcharts#xAxis.minorTickInterval

xAxis: {
  minorGridLineWidth: 1,
  minorTickInterval: 12.5,
  gridLineWidth: 3,
  tickInterval: 25
},

在这里你可以看到实例： http://jsfiddle.net/dtepd3jq/1/

亲切的问候，

Answer 2

查看addPlotLine()函数，您可以在此处的API文档中找到它：http://api.highcharts.com/highcharts#Axis.addPlotLine。

从那里，您可以找到一个简单的演示：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/axis-addplotline/

根据数据的动态程度，您可以编写一个Javascript或jQuery函数，在图表的每第N个间隔添加一个包含必要属性（包括增加的线宽）的新绘图线。

我希望这对你的研究有所帮助！