0

y 轴 => 电池电量 x 轴 => 工作日

我每秒从 API 获取电池电量的数据 {"BatteryLevel":"45",Datetime:"current time"}

我想将该数据更新为折线图,但我无法进行自动时间缩放。星期五的数据将在星期三显示。那么如何使用 react-native-chart-kit 库进行日期时间缩放。

我正在获取电池电量数据的时间,但我不知道如何将其转换为时间缩放

我的折线图代码是:

                <LineChart
                    data={this.state.responsedata}
                    width={screenWidth*0.98}
                    height={500}
                    chartConfig={chartConfig}
                    fromZero
                    bezier
                    //withDots={false}
                    withVerticalLines={false}
                    segments={10}
                    style={{
                        marginTop: 20,
                        borderRadius: 16
                    }}
                    formatXLabel={() => yLabelIterator.next().value}
                />

我的数据代码是:

 state = {
        isLoading:true,
        responsedata: {
            labels: ["mon"," ",  "tue"," ",  "wed"," ", "thu"," ", "fri"," ","sat"," ", "sun"],
            datasets: [
                {
                    data: [data from api]
                },
            ]
        }
    };
4

0 回答 0