HighchartsReact更改图例顺序

55ooxyrt  于 2023-10-20  发布在  Highcharts
关注(0)|答案(1)|浏览(150)

我想控制图例的顺序,这样data2将从左边开始显示,然后是data1,而不改变我的系列对象的顺序。有办法吗?

我希望它看起来像这样:

我的传奇部分目前看起来是这样的:

legend: {
            enabled: true,
            align: 'left'
        },
qq24tv8q

qq24tv8q1#

您可以使用legendIndex手动在图例中对系列进行排序。例如(API):

series: [{
        type: 'area',
        name: 'A',
        data: [1, 2, 3, 2, 4],
        marker: false,
        legendIndex: 2
    }, {
        type: 'area',
        data: [2, 3, 2, 5, 4],
        name: 'B',
        marker: false,
        legendIndex: 1
    }]

参见this JSFiddle demonstration

相关问题