饼图-图例显示百分比，label带边框和百分比

1、图例带百分比，显示在下方

2、label带边框和百分比数据

var copylegendName = ['A', 'AA', 'AAA', 'AAAA', 'AAAAA'];
var copyrateArr = [1, 2, 2, 2, 2];
var seriesData = [];
for (var i = 0; i < copylegendName.length; i++) {var item = {name: copylegendName[i],value: copyrateArr[i],};seriesData.push(item);
}option = {tooltip: {trigger: 'item',formatter: "{b}：<br/> {c}个 ({d}%)"},legend: {type: "plain",left: "45%",bottom: "10%",show: true,itemGap: 18, // 各个item之间的间隔，单位px，默认为10，itemWidth: 12, // 图例图形宽度itemHeight: 12, // 图例图形高度// width:'30%',align: 'left',padding: 10,backgroundColor: 'yellow',tooltip: {show: true},orient: "vertical",data: copylegendName,selectedMode: "true",formatter: function(name) {var index = 0;var percent = 0;var total = 0;copylegendName.forEach(function(value, i) {if (value == name) {index = i;}});copyrateArr.forEach(function(value, i) {total += value;});if (total === 0) {return name + "  " + 0 + "%";} else {percent = ((copyrateArr[index] / total) * 100).toFixed(0);return name + "  " + percent + "%";}},},series: [{name: '',type: 'pie',radius: '50%',center: ['50%', '40%'],itemStyle: {normal: {label: {show: true,formatter: '{b}\n{c}个({d}%)',backgroundColor: '#fff',borderColor: '#aaa',borderWidth: 1,borderRadius: 4,padding: [10, 10],},labelLine: {show: true}}},data: seriesData}]
};

饼图-图例显示百分比，label带边框和百分比相关推荐

PPT图标标签显示带误差的百分比格式
在PPT中制作图标时,有时需要将标签设置为带误差的百分比格式,也即同时显示两个%,如60%±5%. 如设置纵坐标为上述形式,只需双击对应数据标签,打开设置"坐标轴格式"," ...
将百分比和数值一起在饼图中显示
将百分比和数值一起在饼图中显示 import matplotlib.pyplot as plt# make the pie circular by setting the aspect ratio t ...
饼图不显示百分比（%），显示原始数据的处理
需求:做一个饼图,在显示数据的时候不显示百分比样式,而是要显示原来的数据,UI如下: 拿到需求后时看到 MPAndroidChart 这个开源框架,然后就下载了 demo 看着和需求是高度吻合(此时还 ...
饼图百分比的小数matlab,excel的饼图如何显示百分比的小数。 Excel中饼图怎么按照自己填写的百分比来显示...
excel 2007饼图中如何即显示数值又显示百分比试过:双击图表,没有用:还有找不到图表选项,多谢,急需.爱不如宠,宠不如懂.宠的多了就会放肆,忍的多了就会怨恨,所以爱要懂得分寸. 在图标向导第 ...
【Pyecharts50例】自定义饼图标签/显示百分比
前言大部分人使用饼图都是用来展示各个类别的占比情况,如上图所示. 但在Pyecharts中的默认数据还是显示的数量,所以如果想让饼图直接显示数据占比的话,需要进行如下配置: label_opts=o ...
ECharts 饼图数据放在饼图内部显示
1.业务需求将数据显示在饼图内部,格式化百分比显示,鼠标放上去显示具体名称和数值原样式如下 2.业务实现调整代码如下,核心语句已标记注释 option = {title: {text: 'Ref ...
饼图自定义legend文字内容，以及饼图中间显示数量，中国地图制作
echarts中升级到版本5以后,使用方法发生了改变,注意不兼容ie8了,还有引入方法改变了. cnpm install echarts --save import * as echarts from ...
在饼图上显示百分比值(报表生成器和 SSRS)
在饼图上显示百分比值(报表生成器和 SSRS) 默认情况下,图例中显示了类别来标识每个值. 如果使用了类别标签标记饼图,则可能希望在图例中显示百分比. 注意在 SQL Server Data Too ...
echarts地图自定义点样式，缩放计算点聚合，自定义图例icon，label文字样式
效果: 引入echarts后: 阿里云下载json数据: DataV.GeoAtlas地理小工具系列引入数据: import chongqing from '@/assets/js/chongqin ...

饼图-图例显示百分比，label带边框和百分比

饼图-图例显示百分比，label带边框和百分比相关推荐

最新文章

热门文章