首页 > echarts饼图的legend形状可以修改么?

echarts饼图的legend形状可以修改么?

如果是柱状图,看到的legend形状是方形的,
而饼图默认是扇形的。

能否改成:

相关代码:

var option = {

        legend: {
            x: 'center',
            y: 'bottom',
            //orient: 'vertical',
            selectedMode:false,
            data:[]
        },
        //calculable : true,
        series : [
            {
                name:'CPU',
                type:'pie',
                //radius : '30%',
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/>{b}:({d}%)"
                },
                data:[
                ],
                itemStyle: {
                    normal: {
                        areaStyle: {
                            type: 'default'
                        },
                        label:{
                            formatter: "{d}%"
                        },
                        labelLine: {
                            length: 1
                        }
                    }
                }
            }
        ] // series end
     }; 

symbol:'circle',

案例:http://echarts.baidu.com/doc/example/scatter.html

标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有:
'circle' | 'rectangle' | 'triangle' | 'diamond' |
'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | 'emptyDiamond'
另外,还支持五种更特别的标志图形'heart'(心形)、'droplet'(水滴)、'pin'(标注)、'arrow'(箭头)和'star'(五角星),这并不出现在常规的8类图形中,但无论是在系列级还是数据级上你都可以指定使用,同时,'star' + n(n>=3)可变化出N角星,如指定为'star6'则可以显示6角星
自1.3.5起支持symbol为自定义图片,格式为'image://' + '图片路径', 如'image://../asset/ico/favicon.png'
详见例子


查了一下文档,找到了修改方法。
我没有具体地试验=。=你自己看着改吧,应该很容易

参见下面的示例:
http://echarts.baidu.com/doc/example/legend.html


更改 data.icon 的值为 bar,对应 Series 的类型。

json{
    legend: {
        data: [
            {
                name:'蒸发量',
                icon : 'bar',
                textStyle:{fontWeight:'bold', color:'green'}
            },
            '降水量','最高气温', '最低气温'
        ]
    }
}
【热门文章】
【热门文章】