如何解决如何将动态数据加载到react-native-chart-kit StackedBar图表中?
我正尝试放置动态数据的堆栈条形图,而data.data数组中的行数将有所不同。我无法正确看到图表之外的内容。有人可以告诉我这是怎么回事吗?
我也不能直接在图形内部使用状态变量。
const data = {
"barColors": ["#dfe4ea","#ced6e0"],"data": [["99378","8032"],["40704","3895"]],"labels": ["01/10/2020","10/10/2020"],"legend": ["AMOUNT","TAX"]
}
const graphStyle = {
marginVertical: 8
}
const chartConfig = {
backgroundGradientFrom: "#1E2923",backgroundGradientFromOpacity: 0,backgroundGradientTo: "#08130D",backgroundGradientToOpacity: 0.5,color: (opacity = 1) => `rgba(26,255,146,${opacity})`,strokeWidth: 2,// optional,default 3
barPercentage: 0.5,useShadowColorFromDataset: false,// optional
style: {
borderRadius: 16
},};
<StackedBarChart
style={graphStyle}
data={data}
width={devicewidth}
height={height}
chartConfig={chartConfig}
/>
图表如下图所示
解决方法
只是改变
const data = {
"barColors": ["#dfe4ea","#ced6e0"],"data": [["99378","8032"],["40704","3895"]],"labels": ["01/10/2020","10/10/2020"],"legend": ["AMOUNT","TAX"]
}
到
const data = {
"barColors": ["#dfe4ea","data": [[99378,8032],[40704,3895]],"TAX"]
}
数据道具需要数字而不是字符串。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。