ECharts实现数据可视化入门教程

ECharts介绍

Apache ECharts

ECharts是一个使用 JavaScript 实现的开源可视化库 

ECharts实现数据可视化入门教程_第1张图片 入门教程

第一步:下载echarts.js文件

下载地址:下载 - Apache ECharts

点击Dist 

ECharts实现数据可视化入门教程_第2张图片

点击echarts.min.js并保存

ECharts实现数据可视化入门教程_第3张图片ECharts实现数据可视化入门教程_第4张图片

将下载好的.js文件引入到项目的js文件中

ECharts实现数据可视化入门教程_第5张图片

第二步:准备容器

第三步:初始化实例对象

第四步:准备配置项和数据

第五步:将配置项设置给实例对象

编写代码

cdn.staticfile.org/echarts/4.7.0/echarts.js

ECharts实现数据可视化入门教程_第6张图片

ECharts实现数据可视化入门教程_第7张图片

这样就完成了一个新的页面

这是代码部分





    
    
    demo01
    
    
    


	
    

你可能感兴趣的:(工具,信息可视化,echarts,前端)