Question

This page的效果很好，但是我想在y轴刻度线处添加水平网格线。

这是相关部分：

yAxis: {
                title: {
                  text: 'Height of tide<br>in feet.'
                    },
                    gridLineColor: '#197F07',
                    gridLineWidth: 1,
                    lineWidth:1,
                    plotLines: [{
                        color: '#FF0000',
                        width: 1,
                        value: 0
                }]

所以我想我可以在其中添加一些东西来启用网格线，但是我无法从Highcharts文档中解决这个问题。

Answer 1

要在yAxis上显示刻度，您需要将其宽度（默认= 0）设置为其他值。

演示：https://jsfiddle.net/BlackLabel/p7L5r9ou/

  yAxis: {
    title: {
      text: 'Height of tide<br>in feet.'
    },
    gridLineColor: '#197F07',
    gridLineWidth: 1,
    lineWidth: 1,
    plotLines: [{
      color: '#FF0000',
      width: 1,
      value: 0
    }],
    tickWidth: 1,
        tickColor: '#197F07'
  },

API：https://api.highcharts.com/highcharts/yAxis.tickWidth

如何在刻度线处启用y轴网格线？

1 个答案: