问答

echarts 折线堆叠图点击没有反应

作者:admin 2021-04-18 我要评论

如图,渲染好了图标,想要添加点击事件 代码如下: myChart1.setOption({ title: { text: '危险用词、负面用词趋势图', left: 'center', textStyle: { fontSize:...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png
如图,渲染好了图标,想要添加点击事件
代码如下:

 myChart1.setOption({
            title: {
                text: '危险用词、负面用词趋势图',
                left: 'center',
                textStyle: {
                    fontSize: 14
                }
            },
            legend: {
                data: ['负面用词', '危险用词'],
                x: 'center',
                y: 'bottom'
            },
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                data: reply.date,
                boundaryGap: false
            },
            yAxis: {},
            series: [
                {name: '危险用词', type: 'line', data: reply.lineData[1], stack: '总量', color: ['rgb(189,215,238)'], areaStyle: {normal: {color: 'rgb(189,215,238)', opacity: 1}}, symbol: 'none'},
                {name: '负面用词', type: 'line', data: reply.lineData[0], stack: '总量', color: ['rgb(132,196,244)'], areaStyle: {normal: {color: 'rgb(132,196,244)', opacity: 1}}, symbol: 'none' }
            ]

        });
       
        myChart1.on('click', function (params) {
            console.log(params.name)
        });

点击折线图的时候没有反应,控制台不打印,也不报错,很无语

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器