Echarts图表中如何单独隐藏Legend

 时间:2026-02-14 22:49:43

1、首先打开Sublime Text,在HTML文档中导入必备的echarts库文件,如下图所示

Echarts图表中如何单独隐藏Legend

2、然后在body中声明图表的显示区域并且在JS中获取图表对象,如下图所示

Echarts图表中如何单独隐藏Legend

3、接下来我们声明图表的数据配置参数即可,如下图所示

Echarts图表中如何单独隐藏Legend

4、然后我们运行页面程序,你就会看到如下图所示的图表,默认我们声明的Lenged都是显示出来的

Echarts图表中如何单独隐藏Legend

5、接下来我们在legend的声明区域里面通过selected参数声明哪些legend不可见,如下图所示

Echarts图表中如何单独隐藏Legend

6、再次运行页面程序,你就会看到这次legend有的就隐藏了,如下图所示

Echarts图表中如何单独隐藏Legend

7、综上所述,在echarts中隐藏某个legend是通过selected参数进行配置的,是不是很简单啊

  • radio对象如何使用checked属性?
  • 框架里面定义td或th标签的宽度无效怎么办
  • jquery如何通过id定义元素的css样式
  • 如何利用js判断checkbox是否选中
  • 如何给软件owasp zap软件添加https证书
  • 热门搜索
    劳动节手抄报内容资料 关于科普的手抄报 端午节手抄报内容30字 国庆节手抄报图片大全简单又漂亮 重阳节手抄报简单好看 中秋节手抄报设计图 读书手抄报版面设计图 清正廉洁手抄报 抗美援朝手抄报简单又漂亮 珍惜生命的手抄报