antv如何在G2Plot分组柱状图Column最多选择三个图例
在G2Plot的分组柱状图Column中,可以通过设置legend的maxAllowChecked来限制最多选择的图例数量。例如,将maxAllowChecked设置为3,则用户最多可以选择三个图例,超过三个则无法选择。具体代码如下:
import { Column } from '@antv/g2plot';
const data = [
{ year: '2010', type: '汽车', value: 10 },
{ year: '2010', type: '卡车', value: 20 },
{ year: '2010', type: '自行车', value: 30 },
{ year: '2011', type: '汽车', value: 20 },
{ year: '2011', type: '卡车', value: 30 },
{ year: '2011', type: '自行车', value: 40 },
{ year: '2012', type: '汽车', value: 30 },
{ year: '2012', type: '卡车', value: 40 },
{ year: '2012', type: '自行车', value: 50 },
];
const columnPlot = new Column('container', {
data,
xField: 'year',
yField: 'value',
seriesField: 'type',
legend: {
maxAllowChecked: 3, // 最多选择三个图例
},
});
columnPlot.render();
原文地址: https://www.cveoy.top/t/topic/bjkW 著作权归作者所有。请勿转载和采集!