EChart 文字大小调整
2018-02-02 17:39
766 查看
一、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 } } }] }
相关文章推荐
- Pycharm中调整文字大小
- 固定textview大小,根据文字多少调整字体自适应textview大小
- textbox控件会根据里面显示的文字行数自动调整自己的大小
- 自动调整TextView字体大小以适应文字长度&拖动一个角增大textView面积
- 调整编辑框插入符的大小和输入文字的大小
- Swift UILabel 文字大小随着宽度调整
- eclipse 调整注释文字大小
- windows mobile 6.0系统中自己制作的今日插件,通过“开始-设置-系统-屏幕-文字大小”调整文字大小后,插件上的文字大小不改变!
- Echarts饼图柱形图调整文字大小(java代码)
- win8怎么调整系统文字大小图文教程
- [转帖]自动调整TextView字体大小以适应文字长度
- swift UILable 文字大小随宽度调整
- echart图的简单创建及容器大小自适应调整
- 调整编辑框插入符的大小和输入文字的大小
- swift UILable 文字大小随宽度调整
- Android编程实现自动调整TextView字体大小以适应文字长度的方法
- APP开发实战177-Autosizing TextViews(自动调整文字大小的TextViews)
- WPS文字如何将纸张大小由A4调整为A3默认纸张大小是A4
- JavaScript自适应调整文字大小
- 如何调整chm文字字体大小