如何删除Chart.js刻度线?

时间:2018-05-16 21:21:07

标签: javascript reactjs chart.js

我在chart.js中遇到了删除屏幕截图中的线条的困难。我认为它们是网格线,但在禁用刻度后,线仍然出现。如果我打开它们,它们对应于x轴标签。如何从屏幕上删除这些行?

Screenshot of Chart

我正在使用react-chartjs-2。

以下是我的选项设置:

<Line
  data={props.chart.data}
  options={{
    elements: { point: { radius: 0 } },
    title: {
      display: "This is the chart tile",
      text: `${props.quote.symbol} Close Chart`,
      fontSize: 20
    },
    scales: {
      xAxes: [
        {
          ticks: {
            display: false
          },
          gridlines: {
            display: false
          }
        }
      ],
      yAxes: [
        {
          gridLines: {
            display: false
          }
        }
      ]
    }
  }}
/>

1 个答案:

答案 0 :(得分:0)

有一个错字。需要将gridLines中的“l”大写。