学习链接:
http://echarts.baidu.com/tutorial.html#%E5%9C%A8%20webpack%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts
通过npm在webpack中引入echart:npm install echart --save
基本用法:
1.在js中引入echart:var echarts = require('echarts');
或者引入它的核心组件:require('echarts/lib/echarts');
如果只是用到柱状图,则只引入柱状图:require('echarts/lib/chart/bar');
然后引入需要用到的组件,比如提示框和标题组件:
require('echarts/lib/component/title');
require('echarts/lib/component/tooltip');
2.准备工作做完后,先进行echart的初始化;
var mychart = echarts.init(document.getElementById('test')); mychart.setOption({ title:{text:'EChart入门示例'}, tooltip:{}, xAxis:{ data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis":{}, series:[{ name:'销量', type:'bar', data:[5,20,36,10,10,20] }] });
这样一个简单的echart柱状图就生成了;