首页 > 编程知识 正文

echarts圆环图百分比,powerbi饼图显示百分比

时间:2023-05-04 15:39:41 阅读:127944 作者:3105

引用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 ) )

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。