learn echart

学习链接:

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柱状图就生成了;

posted @ 2016-08-03 16:44  君寻不惑  阅读(413)  评论(0编辑  收藏  举报