素材牛VIP会员
echarts3.X的主题河流事件设置点击事件不起作用,怎么解决?
 mo***id  分类:JavaScript  人气:1413  回帖:1  发布于6年前 收藏

使用echarts3.4之后版本的echarts创建了主题河流事件图。图能正常那个展示,但是给主题河流图添加点击事件没反应。难道是我写错了?

<script>
// 使用svg的加载器
        var myChart = echarts.init(document.getElementById("main"),null, {renderer: 'svg'});

        option = {

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

            legend: {
                data: ['DQ', 'TY', 'SS', 'QG', 'SY', 'DD']
            },

            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',
                itemStyle: {
                    emphasis: {
                        shadowBlur: 20,
                        shadowColor: 'rgba(0, 0, 0, 0.8)'
                    }
                },
                data: [
                    ['2015/11/08', 10, 'DQ'],
                    ['2015/11/09', 15, 'DQ'],
                    ['2015/11/10', 35, 'DQ'],
                    // ['2015/11/11',38,'DQ'],['2015/11/12',22,'DQ'],['2015/11/13',16,'DQ'],
                    ['2015/11/14', 7, 'DQ'],
                    ['2015/11/15', 2, 'DQ'],
                    ['2015/11/16', 17, 'DQ'],
                    ['2015/11/17', 33, 'DQ'],
                    ['2015/11/18', 40, 'DQ'],
                    ['2015/11/19', 32, 'DQ'],
                    ['2015/11/20', 26, 'DQ'],
                    ['2015/11/21', 35, 'DQ'],
                    ['2015/11/22', 40, 'DQ'],
                    ['2015/11/23', 32, 'DQ'],
                    ['2015/11/24', 26, 'DQ'],
                    ['2015/11/25', 22, 'DQ'],
                    // ['2015/11/26',16,'DQ'],['2015/11/27',22,'DQ'],['2015/11/28',10,'DQ'],
                    ['2015/11/08', 35, 'TY'],
                    ['2015/11/09', 36, 'TY'],
                    ['2015/11/10', 37, 'TY'],
                    ['2015/11/11', 22, 'TY'],
                    ['2015/11/12', 24, 'TY'],
                    ['2015/11/13', 26, 'TY'],
                    ['2015/11/14', 34, 'TY'],
                    ['2015/11/15', 21, 'TY'],
                    ['2015/11/16', 18, 'TY'],
                    ['2015/11/17', 45, 'TY'],
                    ['2015/11/18', 32, 'TY'],
                    ['2015/11/19', 35, 'TY'],
                    ['2015/11/20', 30, 'TY'],
                    ['2015/11/21', 28, 'TY'],
                    ['2015/11/22', 27, 'TY'],
                    ['2015/11/23', 26, 'TY'],
                    ['2015/11/24', 15, 'TY'],
                    ['2015/11/25', 30, 'TY'],
                    ['2015/11/26', 35, 'TY'],
                    ['2015/11/27', 42, 'TY'],
                    ['2015/11/28', 42, 'TY'],
                    ['2015/11/08', 21, 'SS'],
                    ['2015/11/09', 25, 'SS'],
                    ['2015/11/10', 27, 'SS'],
                    ['2015/11/11', 23, 'SS'],
                    ['2015/11/12', 24, 'SS'],
                    ['2015/11/13', 21, 'SS'],
                    ['2015/11/14', 35, 'SS'],
                    ['2015/11/15', 39, 'SS'],
                    ['2015/11/16', 40, 'SS'],
                    ['2015/11/17', 36, 'SS'],
                    ['2015/11/18', 33, 'SS'],
                    ['2015/11/19', 43, 'SS'],
                    ['2015/11/20', 40, 'SS'],
                    ['2015/11/21', 34, 'SS'],
                    ['2015/11/22', 28, 'SS'],
                    // ['2015/11/23',26,'SS'],['2015/11/24',37,'SS'],['2015/11/25',41,'SS'],
                    // ['2015/11/26',46,'SS'],['2015/11/27',47,'SS'],['2015/11/28',41,'SS'],
                    // ['2015/11/08',10,'QG'],['2015/11/09',15,'QG'],['2015/11/10',35,'QG'],
                    // ['2015/11/11',38,'QG'],['2015/11/12',22,'QG'],['2015/11/13',16,'QG'],
                    ['2015/11/14', 7, 'QG'],
                    ['2015/11/15', 2, 'QG'],
                    ['2015/11/16', 17, 'QG'],
                    ['2015/11/17', 33, 'QG'],
                    ['2015/11/18', 40, 'QG'],
                    ['2015/11/19', 32, 'QG'],
                    ['2015/11/20', 26, 'QG'],
                    ['2015/11/21', 35, 'QG'],
                    ['2015/11/22', 40, 'QG'],
                    ['2015/11/23', 32, 'QG'],
                    ['2015/11/24', 26, 'QG'],
                    ['2015/11/25', 22, 'QG'],
                    ['2015/11/26', 16, 'QG'],
                    ['2015/11/27', 22, 'QG'],
                    ['2015/11/28', 10, 'QG'],
                    ['2015/11/08', 10, 'SY'],
                    ['2015/11/09', 15, 'SY'],
                    ['2015/11/10', 35, 'SY'],
                    ['2015/11/11', 38, 'SY'],
                    ['2015/11/12', 22, 'SY'],
                    ['2015/11/13', 16, 'SY'],
                    ['2015/11/14', 7, 'SY'],
                    ['2015/11/15', 2, 'SY'],
                    ['2015/11/16', 17, 'SY'],
                    ['2015/11/17', 33, 'SY'],
                    ['2015/11/18', 40, 'SY'],
                    ['2015/11/19', 32, 'SY'],
                    ['2015/11/20', 26, 'SY'],
                    ['2015/11/21', 35, 'SY'],
                    ['2015/11/22', 4, 'SY'],
                    ['2015/11/23', 32, 'SY'],
                    ['2015/11/24', 26, 'SY'],
                    ['2015/11/25', 22, 'SY'],
                    ['2015/11/26', 16, 'SY'],
                    ['2015/11/27', 22, 'SY'],
                    ['2015/11/28', 10, 'SY'],
                    ['2015/11/08', 10, 'DD'],
                    ['2015/11/09', 15, 'DD'],
                    ['2015/11/10', 35, 'DD'],
                    ['2015/11/11', 38, 'DD'],
                    ['2015/11/12', 22, 'DD'],
                    ['2015/11/13', 16, 'DD'],
                    ['2015/11/14', 7, 'DD'],
                    ['2015/11/15', 2, 'DD'],
                    ['2015/11/16', 17, 'DD'],
                    ['2015/11/17', 33, 'DD'],
                    ['2015/11/18', 4, 'DD'],
                    ['2015/11/19', 32, 'DD'],
                    ['2015/11/20', 26, 'DD'],
                    ['2015/11/21', 35, 'DD'],
                    ['2015/11/22', 40, 'DD'],
                    ['2015/11/23', 32, 'DD'],
                    ['2015/11/24', 26, 'DD'],
                    ['2015/11/25', 22, 'DD'],
                    ['2015/11/26', 16, 'DD'],
                    ['2015/11/27', 22, 'DD'],
                    ['2015/11/28', 10, 'DD']
                ]
            }]
        };

        myChart.setOption(option);
        //设置点击事件,但是设置的鼠标点击事件不起作用
        myChart.on('click', function (params) {
            console.log(params);
        });
    </script>

希望得到大神的帮助

 标签:echarts3javascript

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv4 码徒
醉***o JAVA开发工程师 6年前#1
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取