HighChart不输出任何内容

Question

我正在使用HighChart绘制图形，但它不打印任何内容 我检查了传递的'data'数组，似乎没有任何问题

我的代码如下：

var high = []; //data

$.each(data.getHighValue, function (key, value) {
    high.push(value.High);
});

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'line',
            marginRight: 130,
            marginBottom: 25
        },
        title: {
            text: 'Weekyly Data',
            x: -20 //center
        },
        subtitle: {
            text: 'From Arp 1st ro Apr 15th',
            x: -20
        },
        xAxis: {
            categories: ['Mon', 'Tues', 'Weds', 'Thurs', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            title: {
                text: 'Blood Level (unit)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: 'unit'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -10,
            y: 100,
            borderWidth: 0
        },
        series: [{
            name: 'High Blood Level',
            data: high
        }]
    });
});

我的'高'数组具有以下值：113,114,115,116,117,115,127

Answer 1

你可能在Highcharts之后加载了jQuery。它需要在Highcharts之前加载。