如何将动态数据加载到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"]
}

数据道具需要数字而不是字符串。