G2的图表legend文字的字体颜色默认是灰色。
更改方法,该成白色:
chart.legend('year', {
position: "right",
itemName: {
style: {
fill: '#ffffff',
}
},
});
完整代码:
let data = [
{ year: '2001', population: 41.8 },
{ year: '2002', population: 38 },
{ year: '2003', population: 33.7 },
{ year: '2004', population: 30.7 },
{ year: '2005', population: 25.8 },
{ year: '2006', population: 31.7 },
{ year: '2007', population: 33 },
{ year: '2008', population: 46 },
{ year: '2009', population: 38.3 },
{ year: '2010', population: 28 },
{ year: '2011', population: 42.5 },
{ year: '2012', population: 30.3 },
];
const chart = new Chart({
container: 'expendItemTypeChart',
autoFit: true,
height: 500,
});
chart.data(data);
chart.coordinate('polar');
chart.legend('year', {
position: 'right',
});
chart.axis(false);
chart.tooltip({
showMarkers: false
});
chart.interaction('element-highlight');
chart
.interval()
.position('year*population')
.color('year')
.style({
lineWidth: 1,
stroke: '#fff',
});
chart.legend('year', {
position: "right",
itemName: {
style: {
fill: '#ffffff',
}
},
});
chart.render();
效果图: