ECharts.js 中的系列

问题描述 投票:0回答:0

在Echarts.js中如何让label不仅显示一个series的值,还显示整个stack的值?我怎样才能让边界线在每一列之间,而不仅仅是在不同 x 轴值的列之间?我阅读了文档,但没有找到解决这些问题的方法。

Chart

我在配置中写了这样的设置,但这当然不是你需要的。

series: [
        {
            name: 'Matcha',
            type: 'bar',
            stack: 'drinks',
            data: data.filter(item => item.name === 'Matcha').map(item => item.value),
        },
        {
            name: 'Green tea',
            type: 'bar',
            stack: 'drinks',
            data: data.filter(item => item.name === 'Green tea').map(item => item.value),
            label: {
                show: true,
                position: 'top',
                fontSize: 14,
                fontWeight: 700,
            },
        },
        {
            name: 'Apple',
            type: 'bar',
            stack: 'fruits',
            data: data.filter(item => item.name === 'Apple').map(item => item.value),
        },
        {
            name: 'Orange',
            type: 'bar',
            stack: 'fruits',
            data: data.filter(item => item.name === 'Orange').map(item => item.value),
            label: {
                show: true,
                position: 'top',
                fontSize: 14,
                fontWeight: 700,
            },
        }
    ],
series echarts
© www.soinside.com 2019 - 2024. All rights reserved.