0

我使用 react-native-chart-kit 构建了一个图表。我不想使用任何可靠的数据点，所以我设置了它，setDots={false}所以它只是一条干净的线。我正在尝试创建一个垂直光标来跟踪行值并创建一个工具提示来显示值是什么。我正在尝试使用该onDataPointClick功能，但它不起作用 - 我假设它必须为此使用点。

反正有能力吗？


    <LineChart
                                          data={{
                                            datasets: [
                                              {
                                                data: this.state.cryptoChartData,
                                                color: (opacity = 1) =>
                                                  `rgba(167, 199, 231, ${opacity})`,
                                              },
                                            ],
                                          }}
                                          onDataPointClick={() => {
                                            console.log('clicked');
                                          }}
                                          width={deviceWidth} // from react-native
                                          height={220}
                                          withDots={false}
                                          yAxisLabel="$"
                                          withInnerLines={false}
                                          chartConfig={{
                                            backgroundColor: '#ffffff',
                                            backgroundGradientFrom: '#ffffff',
                                            backgroundGradientTo: '#ffffff',
                                            fillShadowGradient: '#007AFF',
                                            fillShadowGradientOpacity: 1,
                                            decimalPlaces: 0, // optional, defaults to 2dp
                                            color: (opacity = 1) =>
                                              `rgba(0,0,0,${opacity})`,
                                            labelColor: (opacity = 1) =>
                                              `rgba(0,0,0,${opacity})`,
                                            style: {
                                              borderRadius: 1,
                                            },
                                          }}
                                          bezier
                                          getDotPo
                                          style={{
                                            marginVertical: 5,
                                            borderRadius: 16,
                                          }}
                                        />
4

0 回答 0