echarts中的legend属性设置颜色提示

港控/mmm° 2022-12-25 15:53 387阅读 0赞

var option1 = { 
            title: { },
            tooltip: { },
            // legend设置提示
            legend: { 
                orient: 'vertical',
                right: 10,
                top: 20,
            },
            series: [{ 
                name: '',
                type: 'pie', // 设置图表类型为饼图
                radius: '75%', // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 55% 长度。
                color: ['#37A2DA', '#32C5E9'],
                label: { 
                    normal: { 
                        show: true,
                        formatter: '{b}: {c}({d}%)'
                    }
                },
                // roseType: 'angle',
                data: [ // 数据数组，name 为数据项名称，value 为数据项值
                    { 
                        value: 435,
                        name: '男生'
                    }, { 
                        value: 274,
                        name: '女生'
                    }
                ]
            }]
    
        };

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70]: /images/20221120/f7a70abb48f142aea8aed65693e12b27.png

发表评论取消回复

表情：

评论列表（有 0 条评论，387人围观）

还没有评论，来说两句吧...

相关阅读

相关 echarts设置指定legend不可置灰

this.chartLine = echarts.init(this.$refs.chart) this.chartLine.on("legendsele

落日映苍穹つ/ 2024年03月23日 17:20/ 0 赞/ 90 阅读

相关 echarts里面设置legend图例不显示

[legend][]的所有属性 //Echarts数据可视化legend图例属性设置 legend={ show:true,

超、凢脫俗/ 2023年10月08日 21:47/ 0 赞/ 2 阅读

相关 Echarts的legend使用介绍

当我们在实际的业务开发的时候使用这些Echarts，G2等等的库肯定不是把官网上简单的demo复制过来就能解决的了的。除非你们公司没有UI设计，页面全由前端同学自己说了算。那么

超、凢脫俗/ 2023年07月12日 06:24/ 0 赞/ 65 阅读

相关 Echarts 更改图例(legend)颜色

1 原始效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u

叁歲伎倆/ 2023年01月07日 12:26/ 0 赞/ 440 阅读

相关 echarts中的legend属性设置颜色提示

var option1 = { title: { }, tooltip: { }, // le

港控/mmm°/ 2022年12月25日 15:53/ 0 赞/ 388 阅读

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

echart饼状图隐藏标题的属性设置左侧显示隐藏标题左侧显示 option = { title: {

不念不忘少年蓝@/ 2022年11月07日 14:31/ 0 赞/ 798 阅读

相关 Echarts各种属性的设置

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

爱被打了一巴掌/ 2022年05月26日 06:20/ 0 赞/ 341 阅读

相关 ECharts属性设置

原文出处： [https://blog.csdn.net/she\_lover/article/details/51448967][https_blog.csdn.net_sh

￡神魔★判官ぃ/ 2022年05月20日 01:39/ 0 赞/ 249 阅读

相关 echarts 折线图自定义颜色与修改legend颜色

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZf

Love The Way You Lie/ 2022年03月08日 02:48/ 0 赞/ 1227 阅读

相关 Echarts 属性设置

theme = \{ // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’, // 默认色板 col

小咪咪/ 2021年09月17日 05:30/ 0 赞/ 423 阅读