多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 双显示 ****** * 实现一个图表显示二列数据进行对比 * [在线演示](http://demo.sgfoot.com/ECharts/double.html) >[info] bar 的显示 ~~~ legend: { data:['销量', '浏览量'] }, xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] },{ name: '浏览量', type: 'bar', data: [51, 120, 26, 30, 50, 60] }] ~~~ ![](https://box.kancloud.cn/131233c112c4a63b1761e667835cce60_583x373.png) >[info] line 的显示 ~~~ series: [{ name: '销量', type: 'line', data: [5, 20, 36, 10, 10, 20] }, { name: '浏览量', type: 'line', data: [51, 120, 26, 30, 50, 60] }] ~~~ ![](https://box.kancloud.cn/1f3931c7718570d2e705fe4504ba2450_601x397.png) >[info] line和bar结合的显示 ~~~ series: [{ name: '销量', type: 'line', data: [5, 20, 36, 10, 10, 20] }, { name: '浏览量', type: 'bar', data: [51, 120, 26, 30, 50, 60] }] ~~~ ![](https://box.kancloud.cn/0b4061d83d2d2d5ea36c6be97ab8de71_617x395.png)