echartjs学习（1）

	var echarts = require("echarts");            
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById('main'));
	//两种使用
	`//1、柱状图
	 // 指定图表的配置项和数据
	 var option = {
	     title: {
	         text: 'ECharts 入门示例'
	     },
	     tooltip: {},
	     legend: {
	         data:['销量']
	     },
	     xAxis: {
	         data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
	     },
	     yAxis: {},
	     series: [{
	         name: '销量',
	         type: 'bar',
	         data: [5, 20, 36, 10, 10, 20]
	     }]
	 };
	 // 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	//2.
	// 饼图
	 echarts.init(document.getElementById('main')).setOption({
	    series: {
	        type: 'pie',
	        data: [
	            {name: 'A', value: 1212},
	            {name: 'B', value: 2323},
	            {name: 'C', value: 1919}
	        ]
	    }
	});

3.为了节约内存，也就是减少打包后的体积，可以在使用图的时候，只引用你需要的模块，例如上面实现的柱状图时使用的require语句可以改成如下的代码：

// var echarts = require("echarts/lib/echarts");
// //引入柱状图
// require("echarts/lib/chart/bar")
// //引入提示框和标题组件
// require("echarts/lib/component/tooltip")
// require("echarts/lib/component/title")

4.echarts在初始化图表时，可以直接设置背景主题
例如 var chart = echarts.init(dom, ‘light’);或者dark，
除了这两种默认的主题之外
还可以官网提供的主题编辑器去下载你需要的主题
https://echarts.baidu.com/theme-builder/
然后通过require(’./’)调用