EChart 文字大小调整饼状图为例

最新推荐文章于 2024-05-17 01:43:22 发布

转载最新推荐文章于 2024-05-17 01:43:22 发布 · 476 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wgy0528/p/10178868.html

文章标签：

#python

本文详细介绍了如何在ECharts中调整饼图的文字样式，包括标题、提示、图例和标签的字体大小，提供了完整的配置代码示例。

一、EChart图中的文字调整（以饼图为例）

二、源码：

{
　　"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
　　　　　　}
　　　　}
　　}]
}