需求很簡單，顯示一條24小時的變化曲線

寫完程式碼效果是隻有一條直線，連時間軸都沒有

第1個錯誤  Highcharts error #12

當通過要繪製的點超過1000個時就會報這個錯，我按分鐘計算間隔，一天有1440分鐘，超過了1000所以報錯。

解決辦法是在初始化引數中配置

plotOptions: {
       series: {
            turboThreshold: 2000 // 或者更多，必須大於陣列長度（1440）
       }
}

設定完成後時間軸算是顯示出來了，但是不正常，只顯示其中的幾個小時。 而且仍然沒有資料，顯示為一條直線。

後臺明明是有資料傳來的，怎麼會得不到曲線呢？

後來才發現，資料庫的欄位是字元型的，所以傳到前臺js中也是字元型，要手動將其轉為數值型別。

parseFloat(chartdata[i][col]);

全部程式碼如下

function drawChart(chartdata, col, cname) {
    var datasource = [];
    for (var i = 0; i < 60 * 24; i++) {
        if (chartdata[i]) {
            var tempval = parseFloat(chartdata[i][col]);
            datasource.push(tempval);
        }
        
 
else {
            datasource.push(null);
        }
    }

    var start = +new Date(GetNowFormatDate() + ' 00:00:00');
    var now = +new Date();
    
    Highcharts.setOptions({
        global: { useUTC: false },
        lang: {
            contextButtonTitle: '匯出',
            printChart: '列印圖表',
            downloadJPEG: 
 
'匯出為JPG',
            downloadPDF: '匯出為PDF',
            downloadPNG: '匯出為PNG',
            downloadSVG: '匯出為SVG',
            loading: '載入中...'

        }
    });
    console.log(datasource);
    $('#container').highcharts('StockChart', {
        chart: {
            events: {
                load: function () {
                    if (!window.isComparing) {
                        this.setTitle(null, {
                            text: '載入完成共消耗  ' + (new Date() - now) + 'ms'
                        });
                    }
                }
            },
            animation: false,
            zoomType: 'x'
        },
        rangeSelector: {
            enabled: false
        },
        tooltip: {
            split: false,
            shared: true
        },
        credits: {
            enabled: false
        },
        yAxis: {
            title: {
                text: '監測值'
            }
        },
        title: {
            text: cname
        },
        series: [{
            name: '監測值',
            data: datasource,
            pointStart: start,
            dataLength: length,
            pointInterval: 1000 * 60,
            tooltip: {
                valueDecimals: 1,
                valueSuffix: ''
            }
        }],
        plotOptions: {
            series: {
                turboThreshold: 2000 // 或者更多，必須大於陣列長度（1440）
            }
        }
    });
}