EChart饼图文字大小调整

一、EChart图中的文字调整(以饼图为例)
在这里插入图片描述

1.图中‘1’的文字大小调整在‘legend’对象下的‘textStyle’属性里
2.图中‘2’的文字大小调整在‘tooltip’对象下的‘textStyle’属性里
3.图中‘3’的文字大小调整在‘series’对象下的‘label’属性里

二、源码:

{
    "title": {
        "text": "",
        "subtext": "",
        "x": "center"
    },
    "tooltip": {
        "trigger": "item",
        "formatter": "{a} <br\/>{b} : {c}%",
        "textStyle": {
            "fontSize": 18
        }
    },
    "legend": {
        "orient": "vertical",
        "left": "left",
        "data": ["", "使用场景", "活动", "适用人群", "品牌", "款式", "物流", "价格", "功能", "服务", "质量"],
        "textStyle": {
            "fontSize": 18
        }
    },
    "toolbox": {
        "feature": {
            "dataView": {
                "show": true,
                "readOnly": false
            },
            "saveAsImage": {
                "show": true
            }
        }
    },
    "series": [{
        "name": "",
        "type": "pie",
        "radius": ["0%", "100%"],
        "data": [{
            "name": "使用场景",
            "value": 0.23
        }, {
            "name": "活动",
            "value": 0.44
        }, {
            "name": "适用人群",
            "value": 0.83
        }, {
            "name": "品牌",
            "value": 1.09
        }, {
            "name": "款式",
            "value": 4.56
        }, {
            "name": "物流",
            "value": 7.56
        }, {
            "name": "价格",
            "value": 7.62
        }, {
            "name": "功能",
            "value": 17.03
        }, {
            "name": "服务",
            "value": 20.03
        }, {
            "name": "质量",
            "value": 40.6
        }],
        "label": {
            "normal": {
                "show": true,
                "textStyle": {
                    "fontSize": 18 }
            },
            "emphasis": {
                "show": true
            }
        },
        "lableLine": {
            "normal": {
                "show": true
            },
            "emphasis": {
                "show": true
            }
        }
    }]
}
  • 18
    点赞
  • 41
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值