vue实战开发019:Echarts修改各种标签的字体大小
1、为了找到合适的模板,通惘度谋裆常我们会在Echarts实例中找到一些合适的图标然后在线修改下参数看看是否能满足项目需求,如果合适的话我们就可以把这个实例下载下来再自行修改模板以符合自己的需求,我在设计原型的时候需要用到些图表来展示,所以这里我只需要修改下图表样式即可,接下来需要修改下图标中的字体大小。标题字体大小修改:在option中的title下添加textStyle对象,在样式中写入 fontSize即可,x:'left', //靠左显示 ,如果你想居中显示,把left改成center即可textStyle:{ fontSize:32, //字体大小},

3、标签字体大小修改 :修改series中的label字体大小,在label添加normal对象,接着在添加textStyle对象,在样式中写入fontSize即可。

5、饼状图数据标签字体大小修改:在option中的series中,数据一般存放在data中,一般以键值对的形式展示, 如{value:535, name: 'LH-B3-1F'},现在我们要修改的是数据中显示的name,在itemStyle新增normal对象,在label中添加textStyle对象,在样式中写入 fontSize即可。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:73
阅读量:61
阅读量:58
阅读量:93
阅读量:40