Echarts饼图,柱状图,折线图图例太多，默认选中前5个，图例太多设置翻页滚动效果

HuiRonmantic

已于 2024-05-22 11:09:04 修改

阅读量4.8k

点赞数 1

分类专栏：大前端文章标签： echarts 前端 vue.js

于 2022-03-24 15:10:04 首次发布

本文链接：https://blog.csdn.net/weixin_41346436/article/details/123090226

版权

大前端专栏收录该内容

35 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文主要介绍了如何在Echarts中处理大量图例的情况，通过配置默认选中前五个图例，并实现图例过多时的翻页滚动效果，以优化前端可视化展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码和预览效果

<template>
  <div :class="[tips == 0 ? 'container-main-container-aside1-div' : 'container-main-container-aside1-div01']"  @dblclick="doubleClick">
    <div v-if="tips == 0"  class="container-main-container-aside1-div5-div1"></div>
     <div v-else class="divs001">系统计</div>
    <div v-show="fatherwho=='Index'"  :class="[tips == 0 ? 'container-main-container-aside1-div5-div2' : 'container-main-container-aside1-div5-div201']" @click="chaClick"></div>
    <div v-if="systemStl == []" class="noContent&

了解本专栏