饼状图

作者: 偶头像超凶 | 来源:发表于2021-03-19 15:50 被阅读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之和)的百分比

相关文章

网友评论

      本文标题:饼状图

      本文链接:https://www.haomeiwen.com/subject/zwovcltx.html