Is there a way to add x and y axis labels to a line chart from the ReactNative Chart kit? For example, in this graph generated with python you can see that the x and y axes are labeled "Year" and "Employees":
However, when I look at the github for the line chart in chart-kit, there seems to be no obvious way to add similar labels to my work with react-native and typescript. There is a yAxisLabel and xAxisLabel property for the line chart, but it just seems to add whatever label I choose to each individual segment for the chart, causing the label to repeat over and over again. This isn't what I want.
Is there no way to create the labels I am looking for with the chart-kit's built in properties? Please let me know! Thanks!
Link to the line chart chart-kit github: https://github.com/indiespirit/react-native-chart-kit#line-chart
Code I am using:
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} />)