我无法让我的 VictoryBar 图表在我的 React Native 应用程序中正确显示标签。x 轴代表天数,y 轴代表数值。我希望图表在每个条形上方显示值,但它显示的是当天。我已经设置了标签属性,但它什么也没做。如图所示,当我 console.log(d) 时没有任何反应。这段代码的结果如下。
“react-native”:“0.59.9” “victory-native”:“^32.0.2” “react-native-svg”:“^9.5.1”,
谢谢
<VictoryChart domainPadding={70}>
<VictoryBar
data={bars}
x="label"
y="value"
// animate={{ onLoad: { duration: 1000 } }}
style={{ data: { width: 20, fill: (d) => d.x === 3 ? "#000000" : "#49C6B7" }}}
labels={(d)=>{console.log(d);return d.y}}
/>
<VictoryAxis
//x
tickLabelComponent={<VictoryLabel angle={45} />}
style={{
axis: {stroke: 'grey'},
ticks: {stroke: 'white'},
tickLabels: {fontSize: 12, padding: 3, marginLeft:10, stroke:"white", verticalAnchor: "middle", textAnchor:'start'}
}}
/>
<VictoryAxis
//y
tickFormat={(d)=> numeral(d).format('0.0a')}
dependentAxis
style={{
axis: {stroke: "grey"},
grid: {stroke:'grey'},
tickLabels: {fontSize: 0, padding: 0, stroke:'white'}
}}
/>
</VictoryChart>