React native 如何显示带有说明/标签的react本机图表套件数据?
[当前图表][1] 我想显示带有线条描述的图表。第一行是今年的数据,第二行是去年的数据等等React native 如何显示带有说明/标签的react本机图表套件数据?,react-native,linechart,react-native-chart-kit,React Native,Linechart,React Native Chart Kit,[当前图表][1] 我想显示带有线条描述的图表。第一行是今年的数据,第二行是去年的数据等等 <LineChart data={{ labels: ['0', '1', '2', '3', '4', '5'], datasets: [ { data: [20, 45, 28, 80, 99, 43],
<LineChart
data={{
labels: ['0', '1', '2', '3', '4', '5'],
datasets: [
{
data: [20, 45, 28, 80, 99, 43],
color: (opacity = 1) =>
`rgba(134, 65, 244, ${opacity})`, // optional
},
{
data: [80, 65, 85, 81, 90, 40],
color: (opacity = 1) =>
`rgba(255, 65, 244, ${opacity})`, // optional
},
],
}}
width={Dimensions.get('window').width * 0.9} // from react-native
height={220}
...
chartConfig={{
backgroundColor: '#e26a00',
backgroundGradientFrom: '#FF94A6',
backgroundGradientTo: '#FFCCCC',
decimalPlaces: 0, // optional, defaults to 2dp
color: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
labelColor: (opacity = 1) =>
`rgba(255, 255, 255, ${opacity})`,
style: {
borderRadius: 16,
},
...
/>
`rgba(134,65,244,${opacity})`,//可选
},
{
数据:[80,65,85,81,90,40],
颜色:(不透明度=1)=>
`rgba(255,65,244,${opacity})`,//可选
},
],
}}
宽度={Dimensions.get('window')。宽度*0.9}//from react native
高度={220}
...
图表配置={{
背景颜色:“#e26a00”,
背景梯度来自:“#FF94A6”,
背景梯度:“#FFCCCC”,
小数位数:0,//可选,默认为2dp
颜色:(不透明度=1)=>`rgba(255,255,255,${opacity})`,
labelColor:(不透明度=1)=>
`rgba(255,255,255,${opacity})`,
风格:{
边界半径:16,
},
...
/>
请帮忙:)
[1] :标签数据道具中的键是您要找的吗?