Question

在eCharts树图图表中，是否可以根据名称而不是值来显示块？

转到https://echarts.apache.org/examples/en/editor.html?c=treemap-simple并将左侧面板替换为以下代码：

option = {
    series: [{
        type: 'treemap',
        data: [
        {
            name: 'AAA',            // First tree
            value: 30
        }, 
        {
            name: 'BBB',            // Second tree
            value: 20
        },
        {
            name: 'CCC',            // First tree
            value: 45
        }        
    ]}
]};

TreeMap图表按以下顺序显示：CCC，AAA和BBB。是否可以改为按字母顺序（AAA，BBB，CCC）显示它？

Answer 1

要对数据进行排序，您需要禁用其默认排序并进行自己的排序，这是您可以做到的：

option = {
    series: [{
        type: 'treemap',
        data: [{
            name: 'CCC',            // Third tree
            value: 40
        },{
            name: 'AAA',            // First tree
            value: 40
        }, {
            name: 'BBB',            // Second tree
            value: 40
        }].sort((a,b)=>{
            return a.name > b.name ? 1 : -1;
        }),
        sort:null
    }]
};

树状图-按名称而不是值排序

1 个答案: