如何在Echarts中动态设置X轴和Y轴标签的格式?

问题描述 投票:0回答:1

我知道我可以设置宽度,然后使用省略号,但对于所有图表,我不想对标签使用相同的宽度。有些图表会有更多标签,有些图表会有更少标签。对于某些图表,我想显示备用标签,对于某些图表,我想显示所有标签但截断的值,并且在悬停时我想显示完整值。我尝试浏览文档中的所有选项,但找不到任何选项来添加标签上的悬停文本以及如何动态显示格式化标签。 我有4个需求

  1. 如何在标签悬停时显示工具提示
  2. 如何根据空格动态截断标签名称
  3. 如果标签数量较多,如何动态显示替代标签
  4. 如果这些标签没有空间,如何动态旋转标签

我可以想到一种解决方案,如果我可以获得

X-Axis.axisline
的宽度,那么我可以将宽度除以标签的数量,如果结果数量很小,我可以调整所有三种动态情况。但是,我无法获得
axisline
的宽度。

谢谢,也许这个问题可以帮助一些人。

示例

echarts
1个回答
0
投票

没有任何方法可以动态计算宽度。如果要截断轴标签,则必须提供特定的宽度。

但是,一个好的方法是将鼠标悬停在图表上时显示轴标签。

这是我在图表悬停时显示轴标签的基本实现。

示例:

© www.soinside.com 2019 - 2024. All rights reserved.