在echarts中，通过使用单选框radio代替legend控制显隐

最新推荐文章于 2023-05-25 11:23:45 发布

秋成

最新推荐文章于 2023-05-25 11:23:45 发布

阅读量2.6k

点赞数

分类专栏：前端知识积累文章标签： echarts 单选框代替legend控制显示与隐藏

本文链接：https://blog.csdn.net/u012832088/article/details/81626510

版权

本文介绍了如何根据业务需求，在Echarts中使用单选框（radio）来替代legend，实现图表的显示与隐藏。主要分为两步：获取单选框的value值，并调用dispatchAction方法来响应变化。

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

在echarts中，通过使用单选框radio代替legend控制显隐

业务需求：通过自定义的单选框代替legend控制显示与隐藏

第一步：获取单选框的value值

<div id="map"  style="width: 600px;height:400px;"></div>
  <div class="tabs_radios" id="tabs_radios">
       <div class="tabs_radio">
             <input type="radio"  value="radio1" onclick="lengedSelected()" id="tabs_radio-1" name="radio" checked="checked" />