echarts饼图点击区块事件

echarts饼图点击区块事件_第1张图片

loadEchart: function (echartname, data) {
                option = {
                    title: {
                        text: '',
                        subtext: '',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: '{c}%'
                    },
                    legend: {
                        orient: 'vertical',
                        left: 'left',
                    },
                    series: [
                        {
                            name: '',
                            type: 'pie',
                            radius: '70%',
                            data: [
								['name'=>'合同额','value'=>12312312],
							],
                            label: {
                                formatter: '{b}: {@name} ({d}%)'
                            },
                            emphasis: {
                                itemStyle: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            },
                        }
                    ]
                };
                var record_type = Echarts.init(document.getElementById(echartname));
                record_type.setOption(option);
                record_type.off('click'); // 防止触发两遍的问题
                record_type.on('click', function (params) {
                    if(params.data.name == '退款'){
                        // 退款展示数据类型不一样
                        
                    }else{
                        // 展示日报的信息

                    }
                    // _this.$router.push({path: "/jbxx/xsxx", query: { name: params.data.name }})
                  });
            },

你可能感兴趣的:(HTML,echarts,javascript,前端)