删除highcharts中的第一个和最后一个网格线?

时间:2015-03-03 01:03:42

标签: javascript jquery highcharts

我想用Highcharts中的垂直线分隔线图上的点。我可以使用网格线来完成此操作,但我希望这些线仅在点之间显示,而不是在第一个点之前和最后一个之后显示。在fiddle中,在'Jan'之前和'Dec'之后应该没有网格线。可能吗?

这是我的x轴

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

2 个答案:

答案 0 :(得分:6)

只需删除组<path>元素中的最后两个<g>元素即可。 Example on fiddle

答案 1 :(得分:-1)

轴具有classname属性。

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

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