echart饼状图设置legend属性隐藏标题

不念不忘少年蓝@ 2022-11-07 14:31 788阅读 0赞

### echart饼状图隐藏标题的属性设置 ###

*   *  左侧显示
     *  隐藏标题

## 左侧显示 ##

option = { 
        title: { 
            text: '某站点用户访问来源',
            subtext: '纯属虚构',
            left: 'center'
        },
        tooltip: { 
            trigger: 'item'
        },
        legend: { 
            orient: 'vertical',
            left: 'left',
            show:true,
        },
        series: [
            { 
                name: '访问来源',
                type: 'pie',
                radius: '50%',
                data: [
                    { value: 1048, name: '搜索引擎'},
                    { value: 735, name: '直接访问'},
                    { value: 580, name: '邮件营销'},
                    { value: 484, name: '联盟广告'},
                    { value: 300, name: '视频广告'}
                ],
                emphasis: { 
                    itemStyle: { 
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70]

右侧显示标题

legend: { 
            orient: 'vertical',
            left: 'right',
            show:true,
        },

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70 1]

## 隐藏标题 ##

option = { 
        title: { 
            text: '某站点用户访问来源',
            subtext: '纯属虚构',
            left: 'center'
        },
        tooltip: { 
            trigger: 'item'
        },
        legend: { 
            orient: 'vertical',
            left: 'right',
            show:false,
        },
        series: [
            { 
                name: '访问来源',
                type: 'pie',
                radius: '50%',
                data: [
                    { value: 1048, name: '搜索引擎'},
                    { value: 735, name: '直接访问'},
                    { value: 580, name: '邮件营销'},
                    { value: 484, name: '联盟广告'},
                    { value: 300, name: '视频广告'}
                ],
                emphasis: { 
                    itemStyle: { 
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70]: /images/20221023/5b83eb56ae8d43149d0a9bd8f3d9d7e5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70 1]: /images/20221023/b4917434c14644ae966fdd679cb5752d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2d1b19xaWFuZ3FpYW5n_size_16_color_FFFFFF_t_70 2]: /images/20221023/076c1ba7fd3848298a965bdbce8fbdee.png