ECharts最简单、最快速的创建一个图表

第一步：
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

//引入ECharts的js文件

然后需要使用ECharts中的init()函数来初始化容器。

function tableOne() {
	// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('box1'));
    //指定图标的标题内容及显示内容。  
    option = ({  
    		title : {	
    			text : '单个模型触发成效',
    			subtext : '子标题,可不写',
    			left : '标题显示的位置'
    		},
    		tooltip : { 
    			trigger: 'item',//触发类型， 默认数据触发，可选：item || axis
       			 formatter: '{a} 
{b} : {c} ({d}%)'  //鼠标悬停显示提示框属性
    		}，
    		lengend : {
    			orient : 'vertical',//布局方式，默认为水平布局
    			left : 'left',
    			data : ['虚假','故意扩损','违约','超损失赔付','故意扩损'] //提示信息内容，要和你的数据中的name对应，也就是series中的name，一 一 对应
    		}，
    		series : [ { 
    			name : '访问来源'，//数据名
    			type : 'pie',//饼形图
    			redius : '55%', 
    			center: ['50%', '60%'],
				data: [
                {value: 335, name: '虚假'},
                {value: 310, name: '故意扩损'},
                {value: 234, name: '违约'},
                {value: 135, name: '超损失赔付'},
                {value: 1548, name: '故意扩损'}
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,//文字块的背景阴影长度
                    shadowOffsetX: 0,//文字块的背景阴影X偏移
                    shadowColor: 'rgba(0, 0, 0, 0.5)'//阴影颜色
                }
            }
        }
		} ]
    });//option结尾括号 
    }

这是一个饼形图，其中介绍了一些属性的使用及释义。如果需要ajax异步加载数据，可以查看我其他的ECharts的博客。
使用Ajax异步请求加载数据

送给大家一段话：

心之所向，
素履而往。
生如逆旅，
一苇以航。

---