删除highcharts中的第一条和最后一条网格线？答案

【问题标题】：Remove first and last grid lines in highcharts?删除highcharts中的第一条和最后一条网格线？
【发布时间】：2015-03-03 01:03:42
【问题描述】：

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

这是我的 x 轴

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

【问题讨论】：

Highcharts lib 没有像showLastGrid 这样的选项。您可以在userVoice 上创建您的想法。或者只是用plotLines覆盖第一条和最后一条网格线。
感谢@PawełFus！没想到以这种方式使用 plotLines，但它确实有效！
css 路由。 jsfiddle.net/8ca2rvd7/3

标签： javascript jquery highcharts

【解决方案1】：

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

【讨论】：

这对于 JS 来说确实是一个可行的解决方案。使用 DevExpress xrChart 的 C# 程序（WinForms）怎么样？任何人..？
我也可以通过 css 做到这一点。 jsfiddle.net/8ca2rvd7/3

【解决方案2】：

轴具有类名属性。

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

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

【讨论】：

不幸的是，我的有时会出现乱序。所以第二个下来最终被隐藏了。