手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何用Echarts图形插件设置折线图最值和平均值

时间:2024-10-16 06:13:16

1、第一,打开HBuilder工具,新建HTML5页面,引入echarts.js文件

如何用Echarts图形插件设置折线图最值和平均值

2、第二,在主体标签中,插入一个div标签,添加id属性,作为图形容器

如何用Echarts图形插件设置折线图最值和平均值

3、第三,在script标签中,定义一个函数initChart,调用echarts中的方法,初始化图形

如何用Echarts图形插件设置折线图最值和平均值

4、第四,调用setOption方法加载图形,window.onload中调用函数initChart

如何用Echarts图形插件设置折线图最值和平均值

5、第五,保存代码并打开浏览器预览图形,可以查看到一个折线图

如何用Echarts图形插件设置折线图最值和平均值

6、第六,在series对象中,添加markPoint和markLine,设置最值和平均值,然后查看图形效果

如何用Echarts图形插件设置折线图最值和平均值
© 手抄报圈