echarts 图表点击事件

最新推荐文章于 2024-09-09 14:08:32 发布

蚊子爱喝水

最新推荐文章于 2024-09-09 14:08:32 发布

阅读量1.7k

点赞数 2

分类专栏：前端文章标签： echarts

本文链接：https://blog.csdn.net/liuxl57805678/article/details/112251455

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

 var dates = eval('('+res['dates']+')');
                var legend = eval('('+res['legend']+')');
                var option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        top:10,
                        data: legend
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    toolbox: {
                        feature: {
                            saveAsImage: {}
                        }
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: false,
                        data: dates
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: eval('('+res['data']+')')
                };

                var siteHoursChart = echarts.init(document.getElementById('siteHoursChartContainer'));
                siteHoursChart.clear();
                siteHoursChart.setOption(option);
                siteHoursChart.on('click', function (param) {
                    //根据param填写你的跳转逻辑
                    var code = legend[param.componentIndex];
                    var time = dates[param.dataIndex];
                    var timeObj = num(parseInt(time));
                    window.open('/detail?site=' + currentSite + '&code=' + code + '&time=' + timeObj[0] + ' ~ ' + timeObj[1])
                });