首页 > 解决方案 > 如何使用描述/标签显示反应原生图表工具包数据?

问题描述

[当前图表][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

标签: react-nativelinechartreact-native-chart-kit

解决方案


推荐阅读