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

echarts怎样设置柱形图 绘制柱形图

时间:2024-10-17 07:34:18

1、引入echarts并且使用画布,此处我就随意设置画布的宽度及高。

echarts怎样设置柱形图 绘制柱形图

2、然后获取画布节点并且使用echarts.init来初始化节点。

echarts怎样设置柱形图 绘制柱形图

3、然后准备图表数据并且调用setOption方法即可。

echarts怎样设置柱形图 绘制柱形图

4、这样就用echarts生成了柱形图了。

echarts怎样设置柱形图 绘制柱形图

5、当然,也可以修改xAxis的数据以及series-data里面的数据。xAxis修改的是x轴的数据。

echarts怎样设置柱形图 绘制柱形图

6、这样刷新页面即可看到修改的柱形图表。

echarts怎样设置柱形图 绘制柱形图
© 手抄报圈