react-native - 如何使用描述/标签显示反应原生图表工具包数据?
问题描述
[当前图表][1] 我想显示带有线条描述的图表。第一行是今年的数据,第二行是去年的数据等等。
<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,
},
...
/>
请帮助:) [1]:https ://i.stack.imgur.com/9ZnZi.png
解决方案
推荐阅读
- flutter - BlocProvider.of() 使用不包含 Bloc 的上下文调用 - 即使它包含
- objective-c - Xcode 11 Objective C++ - 无法在 ObjectiveC++ 项目中将实现与标头分开
- javascript - 如何使用javascript在两个菜单项之间切换?
- python - 使用带有 Windows 身份验证的 python 建立 SQL Server 数据库连接
- android - onPress 处理程序未通过 Android 上的 TouchableHighlight 触发
- python - 如何在使用函数时加快处理速度
- javascript - 将按钮的值发送到另一个 html 页面中的表格单元格
- apache-kafka - 如果我在主题级别和生产者级别设置“compression.type”,则优先
- node.js - 当我在我的节点后端运行 npm run dev 时出现问题
- php - 通过 ajax 发送的验证数据