echarts中常用的一些方法（formatter）

Posted 2023-03-17

参考技术A 需要注意的是，这个的数据需要我们自己设置,可以自定义加入key,name,label等等，到时候取出来

饼状图默认有如下提示

如果不想要这个提示文字，需要像如下设置

如果需要自定义label里面的文字，请看如下设置

Y轴数字未太大，未完全展示出来

修改属性后

分享7个常用的echarts示例

参考技术A

1、对于位置不够显示的坐标值，使用斜显示；

“ xAxis >axisLabel>rotate”设置倾斜角度；

2、对于坐标值比较长的名称，使用换行显示；

“ xAxis >axisLabel>formatter”设置换行格式；

3、对于坐标值超长的名称，使用省略号+移上去显示；

“ xAxis >axisLabel>formatter”设置省略号格式；

增加“ tooltip ”，移上去显示详细内容；

4、修改折线图区域的渐变色；

“ series >areaStyle”设置渐变色的数据；

5、饼图中间增加显示的内容；

“ title ”设置内容、位置和颜色等；

6、实现三色仪表盘；

全代码如下；

7、实现数据定时切换，适合多数据无法全显示情况；

全代码如下；