Incubator-echarts: Mousemove event only fires when mouse moves over circles on the line in line chart

Created on 11 Aug 2017  ·  3Comments  ·  Source: apache/incubator-echarts

One-line summary [问题简述]

Mousemove event only fires when mouse moves over the circles on the line in line chart

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]: 3
  • Browser version [浏览器类型和版本]: chrome
  • OS Version [操作系统类型和版本]: windows 10

Expected behaviour [期望结果]

Mousemove fires whenever mouse move over chart area, and not only circles on the line

ECharts option [ECharts配置项]


option = {
    // TITLE - False
    title: {
        show: false,
        text: 'Turbo Chart'
    },
    // TOOLBOX - False
    toolbox: {
        show: false
    },
    // LEGEND - False
    legend: {
        data: []
    },
    // TOOLTIP
    tooltip: {
        trigger: 'axis',
        showContent: true,
        axisPointer: {
            lineStyle: {
                color: '#20a5ad'
            }
        },
        backgroundColor: 'white',
        borderWidth: '1',
        borderColor: '#20a5ad',
        textStyle: {
            color: '#20a5ad'
        }
    },
    // GRID
    grid: {
        show: true,
        top: '3%',
        left: '2%',
        right: '2%',
        bottom: '3%',
        containLabel: true,
        borderColor: '#cccccc'
    },
    // X AXIS
    xAxis: {
        type: 'category',
        boundaryGap: false,
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: '#c1e4e4'
            }
        },
        axisLabel: {
            inside: false,
            margin: 5,
            textStyle: {
                color: '#339d9f',
                align: 'left',
                baseline: 'top'
            }
        }
    },
    // Y AXIS
    yAxis: {
        type: 'value',
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
        splitLine: {
            lineStyle: {
                color: '#c1e4e4'
            }
        },
        axisLabel: {
            formatter: '{value}%'
        }
    },
    series: [{
        type: 'line',
        data: []
    }]
}

Other comments [其他信息]


Most helpful comment

Now over 2 years, there is still no fix to this issue ?

All 3 comments

Same here. Any fix?

Now over 2 years, there is still no fix to this issue ?

has any fix?

Was this page helpful?
0 / 5 - 0 ratings