echarts的饼图样式

zhujianlin

option = {
                        /*
                         * title : { text: '某站点用户访问来源', subtext: '纯属虚构', x:'center' },
                         */
                        tooltip : {
                                trigger : 'item',
                                formatter : "{a} <br/>{b} : {c} ({d}%)"
                        },
                        legend : {
                                orient : 'vertical',
                                left : 'left',
                                data : [/* '城阳区','市南区','市北区','崂山区','李沧区','黄岛区','胶州区','莱西市','平度市','即墨市' */]
                        },
                        series : [ {
                                name : '访问来源',
                                type : 'pie',
                                radius : '50%',
                                center : [ '50%', '55%' ],
                                label : {
                                        normal : {
                                                show : true,
                                                formatter : '{b} : {c} ({d}%)',
                                                textStyle : {
                                                        fontSize : 14,
                                                }
                                        },

                                        /*
                                         * normal : { show : true, formatter : '{b} : {c} ({d}%)' },
                                         */
                                        emphasis : {
                                                show : true
                                        }
                                },
                                data : [ {
                                        value : 22,
                                        name : '城阳区'
                                }, {
                                        value : 16,
                                        name : '市南区'
                                }, {
                                        value : 13,
                                        name : '市北区'
                                }, {
                                        value : 11,
                                        name : '崂山区'
                                }, {
                                        value : 10,
                                        name : '李沧区'
                                }, {
                                        value : 6,
                                        name : '黄岛区'
                                }, {
                                        value : 4,
                                        name : '胶州区'
                                }, {
                                        value : 4,
                                        name : '莱西市'
                                }, {
                                        value : 3,
                                        name : '平度市'
                                }, {
                                        value : 3,
                                        name : '即墨市'
                                } ],
                                itemStyle : {
                                        emphasis : {
                                                shadowBlur : 10,
                                                shadowOffsetX : 0,
                                                shadowColor : 'rgba(0, 0, 0, 0.5)'
                                        }
                                }
                        } ]
                };

                var myChart = echarts.init(this.getElementByXid('div1'));
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);

zhujianlin

想让百分比显示在文字下面

闰土

zhujianlin 发表于 2016-10-10 14:49
想让百分比显示在文字下面

这个你去Echart那边的文档，查一下样式怎么调吧，那里应该很清楚的