Highcharts不顯示來自CSV文件的圖表

Question

我只有一個系列的數據要顯示在柱形圖上。 一個星期幾的數字。

data.csv 1,6,7,3,6,15,9

我想顯示為條形圖：

$(document).ready(function() {

$.get('data.csv', function (csv) { 
    $('#container').highcharts({
        title: {
            text: 'Daily Usage'
        },
        chart: {
            type: 'column'
        },
        xAxis: {
            categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            title: {
                text: 'Hours'
            }
        },
        labels: {
            items: [{
                style: {
                    left: '50px',
                    top: '18px',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'
                }
            }]
        },
        series: [{
            type: 'column',
            name: 'Day',
            data: {
                csv: csv
            }
        }, {
            type: 'spline',
            name: 'Average',
            data: [1, 16, 3, 6.33, 10, 3, 5],
            marker: {
                lineWidth: 2,
                lineColor: Highcharts.getOptions().colors[3],
                fillColor: 'white'
            }
        }
        ]
    });
});

});

該圖不呈現。 是空白 標題在那里。

Answer 1

您可以將csv值放入數組中，然后使用JSON解析這些值。 例，

        series: [{
           name: 'Day',
           data: JSON.parse("[" + s1 + "]")  // s1 contains the csv values
        ]}

Answer 2

通常，CSV包含用逗號分隔的值，這些值將采用字符串格式。

雖然Highcharts接受以逗號分隔的數字數組形式顯示的數據。

請檢查它們是字符串還是數字，並根據需要將值解析為數字。

希望這可以幫助您解決問題。