使用Chart.js时图表无法正确呈现

Question

我正在使用Chart.js 在此处输入链接描述以绘制折线图。 问题出在数据集之一。 当我添加带有变量的第三个数据集时，最大值变为8而不是128。

        datasets : [
                    {
                        fillColor : "#1abc9c",
                        strokeColor : "#1abc9c",
                        pointColor : "#1abc9c",
                        pointStrokeColor : "#fff",
                        data : response.countStart
                    },
                    {
                        fillColor : "#3498db",
                        strokeColor : "#3498db",
                        pointColor : "#3498db",
                        pointStrokeColor : "#fff",
                        data : response.countSeen
                    },
                    {
                        fillColor : "#e67e22",
                        strokeColor : "#e67e22",
                        pointColor : "#e67e22",
                        pointStrokeColor : "#fff",
                        data: response.countClicked
                        //data : [0, 0, 10, 1, 0, 0, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 8, 0, 0, 6, 11, 15, 20, 2]
                    }
                ]

我有三个数据集，并使用AJAX进行获取，并在收到响应时创建图表。 当我将最后一个数据集添加到数组时，会出现问题。 （“ response.countClicked”）注释行实际上是该数组。 使用硬编码时可以，但是使用该变量时会出现问题。 当我在第三个数据集上使用其他变量如response.countSeen或response.countStart时，也可以

Answer 1

我围绕选项进行了工作，并根据需要进行渲染。 我创建了选项并在创建图表时使用了它，然后它起作用了。

    // getting the most possible array that contains the max value
    var max = Math.max.apply(Math, response.countSeen); 
    var steps = max / 10;
    var options = {
        scaleOverride: true,
        scaleSteps: steps,
        scaleStepWidth: 10,
        scaleStartValue: 0
    };