关于echarts堆叠放置一些问题

发布于 2022-09-12 02:41:24 字数 1203 浏览 24 评论 0

比如X轴中A1浮窗里面除了AA和AAA之外的数据不需要显示请问该怎么实现呢

`option = {

tooltip: {
    trigger: 'axis',
    axisPointer: {            // 坐标轴指示器,坐标轴触发有效
        type: 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
    }
},
legend: {
    data: ['AA','AAA','BB','BBB','CC','CCC']
},
grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
},
xAxis: [
    {
        type: 'category',
        data: ['A1','B1','C1']
    }
],
yAxis: [
    {
        type: 'value'
    }
],
series: [
    {
        name: 'AA',
        type: 'bar',
        stack: 'text',
        data: [33,0,0],
    },
    {
        name: 'AAA',
        type: 'bar',
        stack: 'text',
        data: [-50,0,0],
    },
    {
        name: 'BB',
        type: 'bar',
        stack: 'text',
        data: [0,50,0],
    },
    {
        name: 'BBB',
        type: 'bar',
        stack: 'text',
        data: [0,60,0],
    },
    {
        name: 'CC',
        type: 'bar',
        stack: 'text',
        data: [0,0,18],
    },
    {
        name: 'CCC',
        type: 'bar',
        stack: 'text',
        data: [0,0,-20],
    },
]

};`

HM.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

与风相奔跑 2022-09-19 02:41:24

都是在tooltip里面的formatter设置,判断值为0就不渲染

鸠魁 2022-09-19 02:41:24

补上答案,方便大家
`tooltip: {

    ...
    formatter: function(params) {
        let res = params[0].name;
        console.log(params)
        for (var i = 0, l = params.length; i < l; i++) {
            if (params[i].value) {
                res += '<br/>' + params[i].marker + params[i].seriesName + ' : ' + params[i].value;
            }
            
        }          
        return res;
    }
}`
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文