可视化_echarts的基础使用

 学校项目需要,所以学了一下echarts与其他一些可视化工具,在此记录一下笔记。

首先,找到合适的引入方式,可以下载软件包,也可以直接引入,在此使用直接引入。

https://www.bootcdn.cn/echarts/

在上面的网址中找到引入路径,找到echarts,以不同方式结尾是不同程度的封装,根据需求选择。

可视化_echarts的基础使用_第1张图片

复制链接,添加至代码中。

http://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

此后就是进入echarts的官方教程网站,复制下它的简单demo,并将echarts的引入修改为自己刚刚复制的链接。

可视化_echarts的基础使用_第2张图片

http://echarts.baidu.com/examples/

确定可以运行后,接下来就是需echarts的demo中选择自己需求的,并将代码粘贴到自己的项目中,部分demo可能会修改一些名称,大部分可以直接运行,此后只需要用户带入自己的数据即可显示,后期就是添加交互之类。

 

 

你可能感兴趣的:(可视化)