chart.js如何显示刻度线但隐藏网格线

时间:2019-09-27 08:21:17

标签: chart.js gridlines

我正在使用带有两个y轴的chart.js创建一个图表。一个y轴具有网格线,另一个y轴不具有网格线(如果它们都具有网格线,则它们会重叠并且看起来很糟)。我关闭网格线,似乎也关闭了轴的刻度线。如何关闭网格线而不关闭刻度线?

这是我尝试的代码的关键部分:

gridLines: {
                display: false,
              },
              ticks: {
                display: true,
   }

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

我显示了两个y轴的网格线,然后只有一个y轴:

gridLines: {
                    display: true,
                    drawOnChartArea: false,
                  },

将drawOnChartArea设置为false会删除轴线内的部分网格线。