Javascript 忽略选项

我使用react-chartjs获得了这段代码。它显示图形，但无论我在其中放置了什么，每次都会忽略这些选项。是否有其他方法可以将选项添加到组件中

import React, { PropTypes } from 'react'
var LineChart = require("react-chartjs").Line;

var data = {
  labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
  datasets: [{
    label: 'apples',
    data: [12, 19, 3, 17, 6, 3, 7]
  }]
};

var options = {
  lineTension : 0,
  fill : false,
  showLines : false 
};

const Graph = () => (
  <span>
    <h1>Heart Graph</h1>
    <LineChart  data={data} options={options} width="600" height="250"/>
  </span>
)

export default Graph

import React，{PropTypes}来自“React”
var LineChart=要求（“反应图表”）.Line；
风险值数据={
标签：['M'，'T'，'W'，'T'，'F'，'S'，'S']，
数据集：[{
标签：“苹果”，
数据：[12,19,3,17,6,3,7]
}]
};
变量选项={
线张力：0，
填充：假，
展示路线：错误
};
常量图=（）=>(
心脏图
)
导出默认图形

您使用的是“数据集结构”，因此请查看“选项”中的文档

他们建议您将“选项”与数据对象一起发送，在这种情况下，发送到组件

data

prop

var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [
        {
            label: "My First dataset",
            data: ['data1', 'data2'],
            fill: false,
            lineTension: 0.1,
            ...

或者，可以为选项道具提供更复杂的选项对象，该对象具有轴设置

options: {
    scales: {
        xAxes: [{
            type: 'linear',
            position: 'bottom'
        }]
    }
}

---

Chart.js版本2到版本3发生了变化 对于scales，命名空间为options.scales

比例：{ y:{ 分:0,， 最高：100， } }, x:{ 网格：{ 显示：对， } }, 我们这样使用，根据

fill

是数据集上的一个属性，但这对我也不起作用。