(本文档仅供参考)
问题说明
使用自助仪表盘矩形树图,部分内容显示不全,超出显示的部分显示成省略号...,希望可以自适应显示全部内容。
解决方案 注:由于echarst版本问题,旧版本(已测4.8.0)此属性配置方式无效,新版本(已测5.1.2)有效
1、分析echarts是否支持自适应换行显示的属性。
经分析找到"overflow": "break" 设置效果符合需求。
2、资源中F12,查看console界面,找到对应扩展属性内容,复制出来分析 字体显示的位置。
3、在echarts官网示例中,找树图类似示例https://echarts.apache.org/examples/zh/editor.html?c=treemap-simple
根据对应效果调整示例情况效果如下图:
4、此时将我们调整好的扩展属性代码放到我们的自定义属性中,确定即可看到效果,如下图操作: