echarts图表的绘制

1、根据DOM实例,通过echarts.init方法,生成echarts实例

 2、构建options 配置对象,整个echarts的样式,皆有该对象决定

3、最后通过 实例.setOption方法,设置配置对象

官网 echarts.apache.org

点击快速入门

局部截取_20260410_093436

快速上手 - 使用手册 - Apache ECharts

这个网页能够教会我们如何能够简单的绘制图表

1、这里是为echarts准备的DOM实例

局部截取_20260410_093812

通过echarts.init方法,传入这个DOM对象

局部截取_20260410_093957

 可以得到这个echarts的实例

局部截取_20260410_094124

 有了echarts的实例之后

2、我们需要配置一个option,option是一个对象,里面包含了很多配置项

局部截取_20260410_094634

 在这里的文档配置项手册里面有很多的配置项

局部截取_20260410_094706

 可以到到

局部截取_20260410_094922

 3、直接利用 实例.setOption方法,把这个对象给他传进来

局部截取_20260410_095112

 经过这三步,就可以绘制出一个基本图标了。

posted @ 2026-04-10 09:53  张筱菓  阅读(22)  评论(0)    收藏  举报