如何将数据从 CSV 文件加载到 Highcharts 桑基图

Question

我想将数据从外部 CSV 文件加载到 Highcharts sankey 图。在尝试了几个选项之后，我不确定这是否可行，因为结果总是一张空图表？ CSV 文件将在最终版本中位于同一台服务器上。

作为一个简单的案例，请参阅 fiddle https://jsfiddle.net/oy095kzb/ 这只是 official Highcharts sankey example 中的 copy/paste（数据包含在代码中），除了加载数据模块并使用 csvURL 代替：

series: [{
    keys: ['from', 'to', 'weight'],
    data: {
            csvURL:'https://www.test.basleratlas.ch/sankey_test.csv'
        },
    type: 'sankey',
    name: 'Sankey demo series'
}]

CSV 文件结构：

'from', 'to', 'weight'
'Brazil', 'Portugal', 5
'Brazil', 'France', 1
'Brazil', 'Spain', 1
'Brazil', 'England', 1
'Canada', 'Portugal', 1
...

Answer 1

请注意，data.csvURL 功能用于从存储在服务器上的 CSV 文件中获取数据，例如 link: https://demo-live-data.highcharts.com/vs-load.csv，同时您的 link 正在下载 CSV 文件。接下来请注意，您的 CSV 文件没有定义列名。

编辑

注意应该在系列对象配置之外定义数据对象。

此外，我使用了完整的回调将数据解析为正确的格式。

演示：https://jsfiddle.net/BlackLabel/qLu37548/

API: https://api.highcharts.com/highcharts/data.complete

如何将数据从 CSV 文件加载到 Highcharts 桑基图

How to load data from a CSV-file to a Highcharts sankey diagram

csv

highcharts

sankey-diagram