美文网首页
2020-01-01 echarts 条形图字体样式修改笔记

2020-01-01 echarts 条形图字体样式修改笔记

作者: 简兮_d116 | 来源:发表于2020-01-01 13:54 被阅读0次

这边发现一篇比较多的修改字体样式的文章。

https://www.jianshu.com/p/dc373ed9d610

1.想要修改地区地区字体样式。

2.修改标签颜色,高亮对应标签和柱子。

3.标题右对齐。

带排名统计图,原图来源与echarts gallery

1.修改地区字体样式,之前看官网的时候都是所在yAxis, axisLabel: 中设置字体大小(fontSize/textStyle)但是发现这里设置字体大小不生效具体写法如下:

y轴中字体大小设置,未生效写法

以为是用了rich没有用echarts标准的数字模板原因导致的(之前有个组件就是因为这个原因修改不了字体)然后找了下代码,发现这个统计图要修改地区字体样式应该在yAxis, axisLabel,rich,title中修改。

有效修改字体样式

2.改变标签高亮颜色,之前在echarts配置项中都是color:#FFFFFF,这样配置(键值对的样子)没有想过用函数来修改,新发现是echarts配置项是支持写函数的具体可以参考官网(https://echarts.apache.org/zh/api.html

配置项函数写法

也就是说既然配置项支持函数写法那么以后用echarts将会变得更加灵活了。

3.至于右对齐的话我这里是敲空格实现的,嗯~后面还需要研究下,然后与echarts与BI相结合等我写完这个的时候在补上。

相关文章

网友评论

      本文标题:2020-01-01 echarts 条形图字体样式修改笔记

      本文链接:https://www.haomeiwen.com/subject/yjnwoctx.html