0

有没有办法将 x 和 y 轴标签添加到 ReactNative Chart 套件中的折线图？例如，在这个用 python 生成的图表中，您可以看到 x 和 y 轴标记为“Year”和“Employees”：在此处输入图像描述

但是，当我在 github 上查看 chart-kit 中的折线图时，似乎没有明显的方法可以使用 react-native 和 typescript 为我的工作添加类似的标签。折线图有一个 yAxisLabel 和 xAxisLabel 属性，但它似乎只是将我选择的任何标签添加到图表的每个单独段，导致标签一遍又一遍地重复。这不是我想要的。

有没有办法使用图表工具包的内置属性创建我正在寻找的标签？请告诉我！谢谢！

折线图chart-kit github链接：https ://github.com/indiespirit/react-native-chart-kit#line-chart

我正在使用的代码：

const chartConfig = {
  backgroundGradientFrom: '#fff',
  backgroundGradientTo: '#fff',
  color: (opacity = 1) => `rgba(105, 105, 105, ${opacity})`,
  strokeWidth: 2 // optional, default 3
}

const data1 = {
  labels: sDurations,
  datasets: [{
    data: cDurations,
    color: (opacity = 1) => `rgba(105, 105, 105, ${opacity})`, // optional
    strokeWidth: 2 // optional
  }]
}

return(

  <LineChart
    data={data1}
    width={window.width-100}
    height={220}
    chartConfig={chartConfig}
    yAxisInterval={1}
    segments={3}
    
  />
)
4

0 回答 0