ECharts的使用

五步实现ECharts的简单使用

echarts官网https://echarts.apache.org/zh/index.html

一、下载并引入echarts.js文件

ECharts的使用
或者直接引入

ECharts的使用

二、准备一个具备大小的DOM容器

ECharts的使用

三、初始化echarts实例对象

ECharts的使用
初始化echarts实例对象是在标签script里面执行的。

四、指定配置项和数据(option)

ECharts的使用
格式是采用json字符串的格式

五、将配置项配置给echarts实例对象

ECharts的使用

简单实例完整代码

博客设置页面,选择一款你ECharts的使用

代码实际效果

ECharts的使用