echarts饼图图例文字过长点击显示全部

龙猫的旅途

已于 2024-04-09 08:30:07 修改

阅读量220

点赞数 1

分类专栏： echarts 文章标签：前端 javascript echarts

于 2024-04-08 16:38:17 首次发布

本文链接：https://blog.csdn.net/u011233151/article/details/137514704

版权

echarts 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这篇文章详细描述了如何在图表的图例中实现一个可浮动的提示窗口，并强调了事件触发功能的配置。它着重于在滚动和布局方面进行优化，以提升用户体验。

摘要由CSDN通过智能技术生成

legend: {
          type: 'scroll',
          pageIconColor: '#317EFF',
          pageIconSize: [10, 14],
          pageButtonGap :10,
          pageTextStyle: {
            color: '#fff'
          },
          triggerEvent: true, // 主要是这个
          tooltip: { // 主要是这个
            show: true,
            trigger: 'item',
          },
          show: true,
          icon: 'circle', 
          // left: 'middle',
          left: '45%',
          top: 50,
}

主要是在图例里面添加一个浮窗配置