饼状图

2021-03-19  本文已影响0人  偶头像超凶

1、基础数据

legend: {
    orient: 'vertical', //纵向 // 图例列表的布局朝向。 'horizontal':横向  'vertical':纵向
    left: 'right',//靠右
    textStyle: { //图例文字的样式
        color: '#fff'
    },
},
series: [{
    type: 'pie',
    center: ['40%', '50%'], //图的位置
    radius: '50%',
    data: this.datas,
    emphasis: {
            itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
    }
}]

2、饼状图下的{a}{b}{c}{d}
{a}:series下的name
{b}:series下的data的name
{c}:series下的data的value
{d}:series下的data的value占整体数据(value之和)的百分比

上一篇下一篇

猜你喜欢

热点阅读