echarts 2 饼图 环图 玫瑰图 默认图例图标的修改 legend.data[i] | Object

原创 ziyingyewu 随笔 echarts 272阅读 2017-12-03 14:54:09 举报

echarts 2 饼图 环图 玫瑰图 默认图例图标的修改 legend.data[i] | Object

笔记:

option = {
title : {
text: '南丁格尔玫瑰图',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
x : 'center',
y : 'bottom',

  data: [{
name: 'rose1',
// 强制设置图形为圆。
icon: 'pin',
// 设置文本为红色
textStyle: {
    color: 'red'
}

},{
name: 'rose2',
// 强制设置图形为圆。
icon: 'pin',
// 设置文本为红色
textStyle: {
color: 'red'
}
}]

},
toolbox: {
    show : true,
    feature : {
        mark : {show: true},
        dataView : {show: true, readOnly: false},
        magicType : {
            show: true, 
            type: ['pie', 'funnel']
        },
        restore : {show: true},
        saveAsImage : {show: true}
    }
},
calculable : true,
series : [
    {
        name:'半径模式',
        type:'pie',
        radius : [20, 110],
        center : ['25%', 200],
        roseType : 'radius',
        width: '40%',       // for funnel
        max: 40,            // for funnel
        itemStyle : {
            normal : {
                label : {
                    show : false
                },
                labelLine : {
                    show : false
                }
            },
            emphasis : {
                label : {
                    show : true
                },
                labelLine : {
                    show : true
                }
            }
        },
        data:[
            {value:10, name:'rose1'},
            {value:5, name:'rose2'}
        ]
    },
    {
        name:'面积模式',
        type:'pie',
        radius : [30, 110],
        center : ['75%', 200],
        roseType : 'area',
        x: '50%',               // for funnel
        max: 40,                // for funnel
        sort : 'ascending',     // for funnel
        data:[
            {value:10, name:'rose1'},
            {value:5, name:'rose2'}
        ]
    }
]

};

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复