一、在浏览器中搜索echarts官网会出现如下界面

echatrs(图表)的基本使用方法
然后点击
echatrs(图表)的基本使用方法

把echarts.min.js包下载下来然后引入

也可以从浏览器搜索staticfile然后搜索echarts

echatrs(图表)的基本使用方法

直接复制echatrs里的js包然后用script引入。

二、在html中添加一个div设置宽高和样式。

然后把这里边的东西复制过去

echatrs(图表)的基本使用方法

然后保存运行会生成一个简单的柱形图。

echatrs(图表)的基本使用方法
如果不想用柱状图,想用其他的图形那就点击
echatrs(图表)的基本使用方法

这里有好多图形表根据自己的需求来写就好了

折线图小效果

echatrs(图表)的基本使用方法

饼状图小效果

echatrs(图表)的基本使用方法

相关文章:

  • 2021-06-06
  • 2021-07-09
  • 2021-12-14
  • 2021-07-08
  • 2021-04-04
  • 2022-01-10
  • 2021-11-02
  • 2022-01-04
猜你喜欢
  • 2021-12-21
  • 2022-12-23
  • 2021-07-26
  • 2022-12-23
  • 2021-10-28
  • 2021-11-20
  • 2021-11-27
相关资源
相似解决方案