导入外部数据使用echarts绘图

莫小封

已于 2022-03-26 11:33:50 修改

阅读量1.1w

点赞数 22

分类专栏： echarts可视化文章标签： javascript 可视化

于 2020-10-26 11:53:33 首次发布

本文链接：https://blog.csdn.net/qq_41390184/article/details/109275431

版权

导入外部数据（.csv）使用echarts绘图

使用d3导入外部数据

使用d3导入外部数据

echarts是一不错的可视化工具，大家在用echarts做可视化的时候，可能不太清楚怎么去导入外部数据（如.csv），尤其对Javascript比较陌生的小白来说（比如我），那么这里介绍一种方法，希望对你们有用。本人由于刚接触该语言，如果哪里写错了，还请大家见谅。

需要的包

1、绘图必备包：echarts
2、数据导入包：d3（搜索相关网页免费下载，也可以直接使用我用的这个d3链接：https://d3js.org/d3.v4.min.js）

代码

Gitee下载：https://gitee.com/zf2788/echarts-plot.git

1、相关包的导入：

<head>
    <meta charset="UTF-8">
    <title>柱状图的绘制</title>   //图表标题
    <script src ="incubator-echarts-master/dist/echarts.js"></script>//引入echarts包
    <script src="https://d3js.org/d3.v4.min.js"></script>//引入d3包
</head>

那么这里的echarts包，我已经下载好了，只需要写此包的完整路径就可以了；d3包我没有下载，我是直接使用链接的。

2、如何使用

//获取csv对象
d3.csv("333.csv",function(error,csvdata){
     
    if(error){
     
        console.log(error);  
    }else{
   
    for( var i=0; i<csvdata.length; i++ ){
     
        nameset.push(csvdata[i].day)

最低0.47元/天解锁文章

莫小封

关注

22
点赞
踩
57

收藏

觉得还不错? 一键收藏
打赏
18
评论
导入外部数据使用echarts绘图

导入外部数据使用echarts绘图使用d3包导入外部数据需要的包代码举例使用d3包导入外部数据echarts是一不错的可视化工具，大家在用echarts做可视化的时候，作为对Javascrpt比较陌生的新手来说，可能不太清楚怎么去导入外部数据（如.csv），这里介绍一种方法，希望对你们有用。本人对Javascript比较陌生，如果哪里写错了，还请大家见谅。需要的包1、绘图必备包：echarts2、数据导入包：d3（网页搜索免费下载，也可以使用我用的这个d3链接：https://d3js.org/d
复制链接

扫一扫