1. 程式人生 > >餅狀圖顯示各類別展示所占百分比

餅狀圖顯示各類別展示所占百分比

char olt lin mat rip get 圓心 ems mst

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 }
                        }
                    }
                }]
            });

  

餅狀圖顯示各類別展示所占百分比