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 包含以逗号分隔的值，这些值将采用字符串格式。

虽然 Highcharts 接受数据以逗号分隔的数字数组形式存在。

请检查它们是字符串还是数字，如果需要，请将值解析为数字。

希望本文能帮助您解决问题。

Answer 2

您可以将 csv 值放入数组中并使用 JSON 解析这些值。例如，

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

Highcharts 不显示来自 csv 文件的图表

Highcharts not displaying chart from csv file

javascript

highcharts