ECharts,一个免费开源的可视化图表库

38 阅读1分钟

官网地址:

echarts.apache.org/zh/index.ht…

image.png

使用方法:

进入官网后,点击快速入门,再点击www.jsdelivr.com/package/npm…,复制网址或者下载本地文件后即可导入vscode使用

image.png

导入完成后,点击示例,即可查看图例

image.png

选择你想要的图例,即可查看源码,以及配置项

image.png

根据自己的需求,更改配置达到自己想要的效果

image.png

tips: 将图标放到div中时,一定要给div设置宽高,图标的大小默认与div相同