reactjs - 隐藏折线图中的一些点 - react-native-chart-kit

Question

我正在使用 react-native-chart-kit 制作折线图。我想要实现的是，仅在特定数据点上显示点并隐藏所有其他点的点。是否可以？我怎样才能做到这一点？

这是我需要显示的内容:

Answer 1

我能够弄清楚这一点。我使用 hidePointsAtIndex 属性实现了这一点。它接受您不想显示的数据点索引数组。

使用示例:

<LineChart
  data={data}
  width={screenWidth}
  height={256}
  verticalLabelRotation={30}
  chartConfig={chartConfig}
  withHorizontalLines={false}
  withVerticalLines={false}
  bezier
  hidePointsAtIndex={chartData.map((item, idx) => ((idx !== showDotIndex) && idx) )}
  />