Reactjs 设置反应图中Y轴的最大值

我使用以下文档的帮助实现了一个反应图

我已经成功地实现了它，但是这个文档没有显示如何设置y轴的最大值。我想将最大y轴设置为100。但由于我的数据集没有超过19以上的任何值，因此最大y轴设置为20

即使我的数据不超过19，如何将最大y轴值设置为100

我的代码

class LineCharts extends Component {

    constructor() {
        super();

    }

    render() {

        var chartData = {

            labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
            datasets: [
                {
                    color: "#4D5360",
                    highlight: "#616774",
                    borderColor: "rgba(179,181,198,1)",
                    pointBackgroundColor: "rgba(179,181,198,1)",
                    pointBorderColor: "#fff",
                    pointHoverBackgroundColor: "#fff",
                    pointHoverBorderColor: "rgba(179,181,198,1)",
                    label: 'Current lag',
                    fill: true,
                    lineTension: 0.1,
                    fillColor: "rgba(151,187,205,0.2)",
                    strokeColor: "rgba(151,187,205,1)",
                    pointColor: "rgba(151,187,205,1)",
                    pointStrokeColor: "#fff",
                    scaleOverride: true,
                    scaleStartValue: 0,
                    scaleStepWidth: 1,
                    scaleSteps: 5,
                    data: [12, 19, 3, 5, 2, 3, 4, 7, 9, 3, 12, 19],
                },


            ],

        }

        var chartOptions = {
            showScale: true,
            pointDot: true,
            showLines: false,

            title: {
                display: true,
                text: 'Chart.js Bar Chart'
            },

            legend: {
                display: true,
                labels: {
                    boxWidth: 50,
                    fontSize: 10,
                    fontColor: '#bbb',
                    padding: 5,
                }
            },

        }

        return (

            <LineChart data={chartData} options={chartOptions} width="600" height="250"/>

        );
    }
}
export default LineCharts;

类折线图扩展组件{
构造函数（）{
超级（）；
}
render（）{
var图表数据={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]，
数据集：[
{
颜色：“4D5360”，
亮点：“616774”，
边框颜色：“rgba（179181198,1）”，
pointBackgroundColor:“rgba（179181198,1）”，
pointBorderColor:#fff“，
pointHoverBackgroundColor:#fff“，
pointHoverBorderColor:“rgba（179181198,1）”，
标签：“当前滞后”，
填充：是的，
线张力：0.1，
填充颜色：“rgba（151187205,0.2）”，
strokeColor:“rgba（151187205,1）”，
点颜色：“rgba（151187205,1）”，
pointStrokeColor:“fff”，
scaleOverride：对，
scaleStartValue:0，
刻度宽度：1，
比例：5，
数据：[12,19,3,5,2,3,4,7,9,3,12,19]，
},
],
}
var图表选项={
showScale：没错，
是的，
展示路线：错误，
标题：{
显示：对，
文本：“Chart.js条形图”
},
图例：{
显示：对，
标签：{
箱宽：50，
尺寸：10，
fontColor:“#bbb”，
填充：5，
}
},
}
返回(
);
}
}
导出默认线形图；

您可以尝试以下方法：

var chartOptions = {
    showScale: true,
    pointDot: true,
    showLines: false,

    title: {
        display: true,
        text: 'Chart.js Bar Chart'
    },

    legend: {
        display: true,
        labels: {
            boxWidth: 50,
            fontSize: 10,
            fontColor: '#bbb',
            padding: 5,
        }
    },

    scales: {
      yAxes: [{
          ticks: {
              beginAtZero:true,
              min: 0,
              max: 100    
          }
        }]
     }
}

您可以尝试以下方法：

var chartOptions = {
    showScale: true,
    pointDot: true,
    showLines: false,

    title: {
        display: true,
        text: 'Chart.js Bar Chart'
    },

    legend: {
        display: true,
        labels: {
            boxWidth: 50,
            fontSize: 10,
            fontColor: '#bbb',
            padding: 5,
        }
    },

    scales: {
      yAxes: [{
          ticks: {
              beginAtZero:true,
              min: 0,
              max: 100    
          }
        }]
     }
}

---

这是因为他使用的

react chartjs

包使用的是

chart.js

v2。我使用的是0.8。0@CraZyDroiD

react chartjs

上有一个分支，它与

chart.js

v2一起提供，也许值得使用它。不幸的是，我在v1上找不到任何文档，您似乎已经在这个答案中找到了选项：这是因为他使用的

react chartjs

包使用的是

chart.js

v2。我使用的是0.8。0@CraZyDroiD

react chartjs

上有一个分支，它与

chart.js

v2一起提供，也许值得使用它。不幸的是，我在v1上找不到任何文档，您似乎已经有了这个答案中的选项：哪个版本的

chartjs

正在使用

react chartjs

呢？哪个版本的

chartjs

正在使用

react chartjs

呢？