使用C3库时，csv文件无法'；不可加载

我试过了，但无法读取csv文件

我把csv文件放在了准确的位置。（与index.html目录相同）！ 不使用csv文件（使用数组数据），它可以完美地工作。 语法规则是否已更改或代码中是否有错误？ 如果有人能检查这段代码是否有效，或者能帮助我，我将不胜感激

var chart = c3.generate({
    data: {
        url: '/data/c3_test.csv',
        type: 'line'
    }
});

setTimeout(function () {
    chart.load({
        url: '/data/c3_test2.csv'
    });
}, 1000);

setTimeout(function () {
    chart.load({
        columns: [
            ['data1', 130, 120, 150, 140, 160, 150],
            ['data4', 30, 20, 50, 40, 60, 50],
        ],
        unload: ['data2', 'data3'],
    });
}, 2000);

setTimeout(function () {
    chart.load({
        rows: [
            ['data2', 'data3'],
            [120, 300],
            [160, 240],
            [200, 290],
            [160, 230],
            [130, 300],
            [220, 320],
        ],
        unload: 'data4',
    });
}, 3000);

---

可能您正在使用

文件：//

或

C://

加载模型，这与错误消息保持一致，因为它们不是

http://

您可以确认这是您在浏览器控制台上收到的错误消息。但是我按照你的要求做了，我得到了无法加载的“Fetch APIfile:///C:/data.csv. 对于CORS请求，URL方案必须为“http”或“https”。并且无法加载csv文件

因此，您可以在本地PC中安装Web服务器，也可以将模型上载到其他地方，并将url更改为

http://somehost/path/to/file

另一种选择是，如果您使用的是Chrome，您可以尝试使用--allow file access from files从终端启动它

---

浏览器不允许使用带有ajax调用的file://URL（出于安全原因）。您需要通过web服务器加载网页，并使用http://或https://，而不是文件：//

代码链接：var chart=c3.generate（{data:{url:'/data/c3_test.csv'，键入：'line'}}）；setTimeout（函数（）{chart.load（{url:'/data/c3_test2.csv'}）；}，1000）；setTimeout（函数（）{chart.load（{列：['data1'，130，120，150，140，160，150]，'data4'，30，20，50，40，60，50]，]，卸载：['data2'，'data3']，}）；}，2000）；我内联了代码，让人们更清楚地看到你在使用什么。如果与示例不同，则应添加（至少部分）正在使用的csv文件。我不明白短语“我把csv文件放在了确切的位置。（与index.html目录相同）”-你需要澄清你的意思。听起来好像所有内容都在同一个目录中，但是如果没有更改代码中的路径，CSV应该位于a/data/子目录中。