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

行为影响状态,状态影响视图
原文地址:https://www.cnblogs.com/foxNike/p/5733497.html