
1、下载好开发包后就可以开始了,第一步引入开发包,和需要的主题文件(可定义自己的主体文件),并定义好页面布局。20以后上的版本,需要把开发包放到body下,否则ie低版本会出现属性未找到的错误,导致图标初始化失败。
2、第二步,普通初始化图表,通过调用开发包方法,有两种初始化方式,
1var myChart = echartsinit(documentgetElementById("echart"));
2var myChart=require('echarts')init(documentgetElementById("echart"));
一般建议使用第一种方法进行初始化 *** 作。
3、第三步,设置option属性,来给图表设置数据,option是数组元素,tooltip:提示框,legend图例,calculable可设置是否拖拽,series设置数据(data类型也为数组类型),开始先随机初始化几条模拟数据,
4、到这一步,就完成了,图表初始化的步骤,效果如下图所示。然后大家可以改变下图标的样式,20版本留了设置主题的方法,可设置setThem()对图表样式进行修改。
5、看看主题怎么配置,设置色版,设置主题颜色,不一一介绍了,请大家请看下面代码:
6、通过上面主题的添加完成了对样式的修改,当然最后大家记嘚设置myChartsetTheme(theme);
以上就是关于echarts怎么实现堆积柱状图,数据来源数据库全部的内容,包括:echarts怎么实现堆积柱状图,数据来源数据库、请教百度echarts的使用问题、echarts 各项 参数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)