javascript - 使用 Chart.js 和 CSV 数据绘制折线图

Question

我需要使用 Chart.js 库根据 CSV 数据绘制一个简单的折线图，其格式如下:

数据.csv

"year","rate"
1952-53,3.00%
1953-54,3.00%
1954-55,3.50%
.......

我希望年份位于 x 轴，费率位于 y 轴。我需要完全使用 Chart.js 来完成。谁能帮我做这件事吗？

Answer 1

Chartjs 不支持直接 CSV 文件。所以你必须将其转换为类似 JSON 的格式。您可以做的是在 php/nodejs 中创建一个服务器端脚本，它将随时将 csv 转换为 json。然后将该数据提供给chartjs

$file="1_23.csv";
$csv= file_get_contents($file);
$array = array_map("str_getcsv", explode("\n", $csv));
$json = json_encode($array);
print_r($json);