chart.js插件生成折線圖時數據廣泛較大時Y軸數據不從0開始的解決辦法[bubuko.com]

chart.js插件生成折線圖時數據廣泛較大時Y軸數據不從0開始的解決辦法,原文：http://bubuko.com/infodetail-328671.html

默認狀況下以下圖

Y軸並非從0開始，這樣折現圖的幅度會很大，不是正常的幅度，解決辦法以下,

示例代碼：

window.onload = function () {
            var ctx = document.getElementById("canvas").getContext("2d");
            window.myLine = new Chart(ctx).Line(lineChartData,  {
                scaleOverride :true ,   //是否用硬編碼重寫y軸網格線
                scaleSteps : 15,        //y軸刻度的個數
                scaleStepWidth : 300,   //y軸每一個刻度的寬度
                scaleStartValue : 0,    //y軸的起始值
                pointDot : true,        //是否顯示點
                pointDotRadius : 5,     //點的半徑
                pointDotStrokeWidth : 1,//點的線寬
                datasetStrokeWidth : 3, //數據線的線寬
                animation : true,       //是否有動畫效果
                animationSteps : 60    //動畫的步數
                } );
        }

核心代碼：

scaleOverride :true ,   //是否用硬編碼重寫y軸網格線
 scaleSteps : 15,        //y軸刻度的個數
scaleStepWidth : 300,   //y軸每一個刻度的寬度
scaleStartValue : 0,    //y軸的起始值

這樣就會獲得下面的效果，Y軸從0開始

http://bubuko.com/analysis-201408.html