echarts饼图点击区块事件

2023-12-20 22:56:11

在这里插入图片描述

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.on('click', function (params) {
                    if(params.data.name == '退款'){
                        // 退款展示数据类型不一样
                        
                    }else{
                        // 展示日报的信息

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

文章来源:https://blog.csdn.net/qq_40641010/article/details/135115503
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。