删除高图中的第一条和最后一条网格线？

Question

我想在 Highcharts 中用垂直线分隔折线图上的点。我可以用网格线来做到这一点，但我希望这些线只显示在点之间，而不是在第一个点之前和最后一个点之后。在 fiddle 中，'Jan' 之前和 'Dec' 之后不应有网格线。可能吗？

这是我的 x 轴

xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        gridLineWidth: 1, 
        minorGridLineWidth: 0  
      }

Answer 1

只需删除组 <g> 元素中的最后两个 <path> 元素。 Exampleon fiddle

Answer 2

Axis 有 classname 属性。

设置轴类名。
设置CSS隐藏最后一个路径元素。

.axis-container { 
    path:last-child {
        display: none;
    }
}

删除高图中的第一条和最后一条网格线？

Remove first and last grid lines in highcharts?

javascript

jquery

highcharts