Skip to content

你好,我的代码使用了themeriver,但是它是本身就不支持鼠标事件的相应吗? #9554

@slience2014

Description

@slience2014
  • [ x] I am using English in this issue. 在这个 Issue 中我使用了英文(强烈建议)。

General Questions

  • [ x] Required: I have read the document and examples and tried to solve it by myself. (必填)我读过了文档和教程,并且曾试图自己解决问题。
  • [x ] Required: I have searched for similar issues and that didn't help. (必填)我搜索过 issue 但是没有帮助。
  • [x ] Required: I have tried with the latest version of ECharts and still have this problem. (必填)我试过最新版本的 ECharts,还是存在这个问题。

In this issue, I have provided information with: 在这个 issue 中我提供了以下信息:

  • [ x] Required: issue type;(必填)issue 类型
  • [ x] Required: one sentence description in issue details;(必填)一句话的问题描述
  • [ x] Required: demo;(必填)能反映问题的例子(如果你想提问或报 bug)
  • [x ] Required: ECharts version;ECharts 版本

Issue Type

  • I have a question to ask about how to use ECharts to ...;我想提问如何使用 ECharts 实现某功能
  • [x ] I have a bug to report;我想要报 bug
  • I have a feature to request, e.g.: I'd like a new feature that ...;我需要一个新功能
  • [ x] I have a feature to enhance, e.g.: The current feature should be improved in the way that ...;我希望改进某个功能
  • [ x] There's something wrong with the documents;文档有些问题
  • [x ] Others, or I'm not sure which issue types to choose here;其他,或我不知道应该选什么类型

Issue Details

你好,我的代码使用了themeriver,但是它是本身就不支持鼠标事件的相应吗?

Expected Behavior

点击某条河流,有鼠标事件响应

Current Behavior

N

Online Example

var dom = document.getElementById("container");
var myChart = echarts.init(dom,'macarons',{renderer: 'svg'});
var app = {};
var option = {

tooltip: {
    trigger: 'axis',
    axisPointer: {
        type: 'line',
        lineStyle: {
            color: 'rgba(0,0,0,0.2)',
            width: 1,
            type: 'solid'
        }
    },
},

legend: {
    data: ['topic0', 'topic1', 'topic2', 'topic3', 'topic4']
},
dataZoom: [
    {
        show: true,
        realtime: true,
        start: 
        45,
        end: 85
    },
    {
        type: 'inside',
        realtime: true,
        start: 45,
        end: 85
    }
],

singleAxis: {
    top: 50,
    bottom: 50,
    axisTick: {},
    axisLabel: {},
    type: 'time',
    axisPointer: {
        animation: true,
        label: {
            show: true
        }
    },
    splitLine: {
        show: true,
        lineStyle: {
            type: 'dashed',
            opacity: 0.2
        }
    }
},

series: [
    {
        type: 'themeRiver',
        clickable:true,
        data: dataset
       // itemStyle: itemStyle,
        
    }
]

};

myChart.setOption(option);
myChart.on('mouseover','series', function (params) {
console.log("yes");
console.log(params);

});

Topics

  • Legend
  • Tooltip
  • [x ] Event
  • Performance
  • SVG
  • Map
  • ECharts GL
  • Third-party libraries, e.g.: Vue.js, React

Anything Else We Need to Know

Environment

  • ECharts version;ECharts 版本: {4}

  • It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题,请提供相应环境信息:{BROWSER_VERSION_OR_OS_INFORMATION_HERE}

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions