echarts 饼状图显示各类别展示所占百分比

小咪咪 2023-10-01 15:39 11阅读 0赞

var myChart = echarts.init(document.getElementById('divChartHous'), 'macarons');
                myChart.setOption({
                    title: {
                        text: '家庭数量占比图',
                        x: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"   //鼠标放上去 展示内容
                    },
                    series: [{
                        name: '家庭数量占比',
                        type: 'pie',
                        radius: [20, 90],  //圆心空隙
                        center: ['50%', '50%'],
                        data: result[0][0].xdataHome,  //数据源
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    formatter: '{b} : {c} ({d}%)'  //展示的文字   类型+百分比
                                },
                                labelLine: { show: true }
                            }
                        }
                    }]
                });

发表评论取消回复

表情：

评论列表（有 0 条评论，11人围观）

还没有评论，来说两句吧...

相关阅读

相关 echarts 饼状图展示位置 legend

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bqU6K-6OTI5_size_20_color_FFFFFF

我不是女神ヾ/ 2023年10月01日 15:41/ 0 赞/ 55 阅读

相关 echarts 饼状图显示各类别展示所占百分比

var myChart = echarts.init(document.getElementById('divChartHous'), 'macarons');

小咪咪/ 2023年10月01日 15:39/ 0 赞/ 12 阅读

相关 vue echarts饼状图百分比展示

设置label的formatter。 label: { show: true, formatter: '{b} : {d}%' }, 已

谁践踏了优雅/ 2022年10月13日 05:24/ 0 赞/ 629 阅读

相关 Echarts柱状图百分比显示

option = { tooltip: { trigger: 'item', formatter

冷不防/ 2022年09月12日 12:58/ 0 赞/ 354 阅读

相关 ECharts柱状图百分比显示

ECharts柱状图百分比显示 ![Center][] //shop为div的id var city\_all\_bar = echarts.init(do

系统管理员/ 2022年06月04日 05:41/ 0 赞/ 521 阅读

相关 Echarts饼状图显示信息,内容,值,百分比都显示的代码

series: \[ \{ name: '产品成本',

清疚/ 2022年06月01日 11:51/ 0 赞/ 212 阅读

相关 ECharts图表------饼状图

效果图: ![SouthEast][] <!DOCTYPE html> <html> <head> <meta charset=

谁借莪１个温暖的怀抱￠/ 2022年06月01日 01:14/ 0 赞/ 419 阅读

相关 echarts饼状图

使用echarts实现个人月消费统计，下面是我写的一个案例：效果图： ![70][] html代码： <html> <head> <me

川长思鸟来/ 2022年05月14日 01:41/ 0 赞/ 447 阅读

相关 ECharts之饼状图

效果图 ![在这里插入图片描述][20190725130341211.gif] 背景图片 ![20190725170845879.png][] 下载EChar

╰+哭是因爲堅強的太久メ/ 2021年09月30日 05:32/ 0 赞/ 1056 阅读

相关 echart生成饼状图

//绘制图表. echarts.init(document.getElementById('main')).setOption(\{ tooltip : \{ tr

女爷i/ 2021年09月29日 09:08/ 0 赞/ 574 阅读