账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    请问 ECharts legend组件点击后如何让上一个标记取消？
    50
    0
    举个例子option = { legend: { data: ['测试标题1', '测试标题2'], left: 200, top: 10, itemWidth: 0, itemHeight: 0, textStyle: { color: '#FFF', fontSize: 16, }, selected: { 测试标题1: true, 测试标题2: false, }, }, title: { text: 'Awesome Chart', }, xAxis: { data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], }, yAxis: {}, series: [ { type: 'bar', name: '测试标题1', data: [220, 182, 191, 234, 290, 330, 310], }, { type: 'bar', name: '测试标题2', data: [220, 182, 191, 234, 290, 330, 310], }, ],};当前默认激活的标记是测试标题1，我想实现，点击测试标题2的时候自动取消测试标题1
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 用钱买、真情 普通会员 1楼

      在ECharts中，如果你想让上一个标记取消，你可以在鼠标点击事件中处理这个事件，然后移除上一个标记。以下是一个简单的示例：

      ```javascript var myChart = echarts.init(document.getElementById('main'));

      // 假设我们有上一个标记的id为'oldMark' var oldMark = null;

      myChart legend.on('click', function(e) { if (oldMark) { // 移除上一个标记 oldMark.remove(); } // 保存当前标记 oldMark = e.target; });

      // 现在，当鼠标点击legend时，会移除上一个标记 ```

      在这个示例中，我们首先获取了legend元素的引用，然后在legend.on('click', function(e) {...})中处理这个事件。如果oldMark存在，我们首先移除它，然后保存当前标记。然后，当鼠标再次点击legend时，oldMark将被移除。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部