首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Echarts Label 过长展示省略号

    效果如图: 需要解决4个问题: Label 过长展示省略号 中间绿色百分比的 Tag 需要动态固定在两个漏斗图之间的间隙中 漏斗图和坐标系相结合 漏斗图的数值大小应对坐标系 x 轴的长度,所以漏斗数值越大...// 控制虚线 }, color: '#D8D8D8', }, splitNumber: 3, // 控制 x 轴 Label 过长挤在一起的情况...0)' // 线的颜色是透明的 }, data: [] } ] } 由于 Echarts 的配置项传入的值可以是百分比或者数值,并且直接对应 Css...漏斗图的每一块高度都是相同的 如何计算标签 top 的位置(这里采用 absolute 定位, 标签的 left 可以通过 css 计算) const echartsPoint = [{ top...上述的问题,除了 Tag 使用 DOM 去模拟外,还有漏斗图 Label 过长的问题,其余的都是可以通过配置项解决。

    1.9K20
    领券