Question

https://github.com/FormidableLabs/victory-native 首次使用条形图并填写数据是正常的，但在更改数据以更新条形图时，更新条形图始终是错误的。请给我们一些解决方案。

PS：尝试使用以下方法解决：1。检查胜利原生路径代码是否是最新的。检查互联网，它是最新的; 2.确定填充的数据是否为空。已经验证数据不为空并且数据已更新，但条形图未重新绘制。

render() {
return (
<PollutantcodeBarRank style=
{{width:SCREEN_WIDTH,backgroundColor:'#ffffff',position:'absolute',top:0}}/>
 {
 this.props.ishow?{'正在加载中'}:<VictoryChart
 style={{
 parent: {
 justifyContent:'center',
 alignItems:'center',
 marginTop:20,
 },
borderColor:'red',
borderWidth:1,
}}
height={240} width={SCREEN_WIDTH-10} padding={{ top: 40, bottom: 40, right: 
5, left: 26 }}
containerComponent={
<VictoryVoronoiContainer
width={SCREEN_WIDTH-10}
voronoiDimension="x"
labels={(d) => {
return ${d.chartXValue}\n 值:${d.chartYValue};}}
labelComponent={
<VictoryTooltip
width={SCREEN_WIDTH/2-50}
cornerRadius={0}
flyoutStyle={{ fill: "white"}}/>}
/>}
domainPadding={{ x: 15,y: 15 }}>{
<VictoryBar
alignment="start"
style={{
data: {
fill: (d) => d.chartColor?d.chartColor:'#489ae3',
width: 7,
fillOpacity: 0.9,
strokeWidth: 1
}
}}
data={this.props.chartData}
x={(d) => d.zz}
y={(d) => {
if(d.chartYValue=='---'){
return 0;
}
return d.chartYValue;}}/>
}
<VictoryAxis
theme={VictoryTheme.material}
tickFormat={this.props.radom5}
style={{ axis: { stroke: '#A4A4A4' },
axisLabel: { fontSize: 12, fill: '#000' },
ticks: { stroke: '#A4A4A4',size:5 },
tickLabels: { fontSize: 12, fill: '#999', padding: 5, fontFamily: 
'NunitoSans-Regular'},
}} />
<VictoryAxis
dependentAxis
domain={this.props.YZhou}
tickFormat={(x)=> x }
style={{ axis: { stroke: '#A4A4A4' },
axisLabel: { fontSize: 12, fill: '#000' },
ticks: { stroke: '#A4A4A4' },
tickLabels: { fontSize: 12, fill: '#999', padding: 5, fontFamily: 
'NunitoSans-Regular'},
}}
/>
}
); 
}
}

Answer 1

在我的情况下，原因是后端的值不正确。我使用API调用图表的初始值。我收到X轴的NaN值。

在类型为RNSVGPath的阴影节点中更新属性“d”时出错

1 个答案: