引用echart的版本不一样,写法也存在差异
divid=' wrap er ' style=' width :1100 px; height: 500px; 后台- color : black;' /div echart3.0写法
varwrapercon=document.getelementbyid (wrap er ); varmychart=e charts.init (wrapercon; option={title:}text: '、subtext: '、left:'center'}、tooltip:{trigger:'item '、formattattem series: [ { name:访问源',type: 'pie ',radius 3360 ] label : { show : true,position:'inner ',forror data: [ {value: 335,name: name: '邮件营销' },{value: 234,name: '联盟广告' },{value: 135 name 33668 } emphasis : { item style : } shadow blur :10,shadowOffsetX: 0,shadow color : ' rgba (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0 )
//series中,标签部分的写法不同,在echart 2.0版中,标签是itemStyle的属性series: [{name: '访问源',type: 'pie radius : ' 55 % item style : { normal : } label : { show : true,position:'inner ',formatter : ' { d 距离: }//text style : (align : (center )、baseline : (middle ) )、fontSize:14, 字体权重3360 )边框) } data: [ {value: 335,name: '直接访问' },{value: 310,name3360 '邮件营销' } name3360 '联盟广告' } name3360 '视频广告' },{value: 1548,name: '搜索引擎' } }这里是tooltip的格式器的{a},{
如下图所示:
{a}===}series的name的属性值:访问源、
{b}===}series中数据的名称的属性值:搜索引擎、
{c}===}series的data的value的属性值: 1548,
{ d } %===}各项占series在data中的value值之和的比重echart2.0写法:
Label:(show:true,//饼图上的数据是否表示true position : (inner ),//饼图上的数据展示位置inner为内部formatter3360 () d ) )