echarts3标题点击取消显示时保留一项显示

最新推荐文章于 2024-05-28 17:30:15 发布

print Hello World

最新推荐文章于 2024-05-28 17:30:15 发布

阅读量654

点赞数 1

分类专栏：报表文章标签： echarts3

本文链接：https://blog.csdn.net/liyonghui_2013li/article/details/78340181

版权

该博客介绍了如何在ECharts3中实现标题点击后取消显示所有系列，但仍保留至少一个系列显示的方法。通过监听'legendselectchanged'事件，动态更新legend的selected状态，确保至少有一个系列被选中，从而保持图表的显示。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="echarts.min.js" type="text/javascript"></script>
    <script src="jquery.js" type="text/javascript"></script>
</head>
<body>
<div id="edmid" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('edmid'));
    var option = {
        title: {
            text: '堆叠区域图'
        },
        tooltip : {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

print Hello World

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
echarts3标题点击取消显示时保留一项显示

Title var myChart = echarts.init(document.getElementById('edmid')); var option = { title: { text: '堆叠区域图' }, tooltip : { trigger:
复制链接

扫一扫