React Native Expo，无效编号：M0，0 L-Infinity

Question

当我尝试实现react-native-chart-kit图表时，我收到此错误消息。

但是，当我关闭它时，所有代码都有效。我正在使用使用状态来让它在加载数据库数据后呈现，这可能是我的问题。然而，我只是有点困惑，因为我已经用另一个图表做了类似的事情，没有任何问题。

const [lineData, setLineData] = React.useState({
  datasets: [{
    data: [],}]
})

var moodLine = []

        if (value["entry"]["mood"] == 1) {
            mood1 += 1
            moodLine.push(1)
        }

    setLineData({
      datasets: [{
        data: moodLine,
      }]
    })
    

                  <LineChart 
                    data={lineData}
                    width={360}
                    height={220}
                    bezier
                    withInnerLines={false}
                    fromZero={true}
                    // chartBreakPoints={[0, 1, 2, 3, 4, 5]}
                    // hidePointsAtIndex={[0, 1, 2, 3, 4, 5]}
                    // withHorizontalLabels={false}
                    chartConfig={{
                      
                      
                      backgroundColor: colours.white,
                      backgroundGradientFrom: colours.white,
                      backgroundGradientTo: colours.white,
                      
                      decimalPlaces: 0, // optional, defaults to 2dp
                      color: (opacity = 1) => colours.grey,
                      labelColor: (opacity = 1) => colours.black,
                      // style: {
                      //   borderRadius: 16,
                      // },
                      // propsForDots: {
                      //   r: "0",
                      //   strokeWidth: "2",
                      //   stroke: "#ffa726"
                      // }
                    }}
                    style={{
                      borderRadius: 16,
                      // marginBottom: 50

                  
                  
                    }}

                  />

Answer 1

我们需要为图表提供一些默认值，否则在初始渲染期间图表值为 NaN，因此会抛出 const 错误

[oeeChartData, setOeeChartData] = useState<ChartData>({ labels: ['0', '0', '0', '0', '0', '0'], data: [0, 0, 0, 0, 0, 0], });

Answer 2

var 情绪线 = [0,0,0,0,0,0,0,0,0,0,0,0]

我通过将其保留为默认值来修复它，每个零对应于每个月。