【无标题】

echarts堆叠双柱柱状图

			let option2 = {
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: "cross",
                            label: {
                                formatter: function (params) {
                                    if (params.seriesData.length === 0) {
                                        window.mouseCurValue = params.value;
                                    }
                                }
                            }
                        },
                        formatter: function (params) {
                            let res = "",
                                sum = 0;
                            for (let i = 0; i < params.length; i++) {
                                let series = params[i];
                                sum += Number(series.data);
                                if (sum >= window.mouseCurValue) {
                                    res = series.axisValue + "<br/>" + series.marker + series.seriesName + ":" + series.data + "<br/>";
                                    break;
                                }
                            }
                            return res;
                        },
                    },
                    legend: {
                        // y: 'top', //延Y轴居中
                        x: 'right', //居右显示
                    },
                    grid: {
                        left: '4%',
                        right: '4%',
                        bottom: '50',
                        containLabel: true
                    },
                    xAxis: [{
                        type: 'category',
                        axisTick: {
                            length: 30
                        },
                        position: 'bottom',
                        offset: 20,
                        data: xData
                    }, {
                        type: 'category',
                        data: xAxisData,
                        position: 'bottom',
                    }],
                    yAxis: [{
                        type: 'value'
                    }],
                    series: [{
                            name: '未反馈',
                            type: 'bar',
                            stack: 'realTime', //未反馈 实时
                            emphasis: {
                                focus: 'series'
                            },
                            barWidth: '25',
                            data: noRealTime
                        },
                        {
                            name: '已反馈',
                            type: 'bar',
                            stack: 'realTime', // 已反馈 实时
                            emphasis: {
                                focus: 'series'
                            },
                            barWidth: '25',
                            data: returnRealTime
                        },
                        {
                            name: '未反馈',
                            type: 'bar',
                            stack: 'back', // 未反馈 回溯
                            emphasis: {
                                focus: 'series'
                            },
                            data: noBack
                        },
                        {
                            name: '已反馈',
                            type: 'bar',
                            stack: 'back', //已反馈 回溯
                            emphasis: {
                                focus: 'series'
                            },
                            data: returnBack
                        }
                    ],
                    dataZoom: [{ //滑块
                        height: '20',
                        id: 'dataZoomX',
                        type: 'slider',
                        start: 1,
                        end: xData.length >= 8 ? Math.floor(8 / xData.length * 100) : 100,
                        filterMode: 'filter'
                    }]
                };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值