echarts.js数据可视化 实现数据交互（一）

echarts.js数据可视化 实现数据交互（一）

数据可视化中，echarts.js算是一个重要的展示库了；echarts除了传统的折线图、柱图，还有更多的展现形式；今天宁徽前端就带大家一一来看看；

看上面echarts效果图该怎么去写呢，首先这可以横着的柱图，那就跟传统柱图的写法类似了，无非xAxis与yAxis的type对换了；在一个就是该效果图每个柱图后面都有个阴影；写柱子的时候都是在series里写一个对象type为bar的；显然该种效果就是两个对

象，如图：

那么，此类echarts图表怎么填充数据呢；

同样是ajax请求，阴影部分是固定长度可取数据中最大值循环放入第一个对象中：option.series[0].data(max);

其次是第二个对象取值放入data中：option.series[1].data(数据);

=================================================================

谢谢观赏，欢迎关注！文笔不好，纯属个人工作之余分享自己的所学，如有不理解细节之处可以联系小编；也可关注宁徽前端头条号，了解更多>