时间戳

首页 > 解决方案 > 我怎样才能用 react-native-chart-kit 做这个

react-native - 我怎样才能用 react-native-chart-kit 做这个

问题描述

谁能帮我这个。我想创建一个类似于这张图片中的图表。我进行了很多搜索，发现了这个很棒的库 react-native-chart-kit。使用这个库制作这样的条形图很容易，但正如您在图片中看到的那样，只有一个项目被突出显示，其余项目被淡化我该怎么做？

const data = {
  labels: ["January", "February", "March", "April", "May", "June"],
  datasets: [
    {
      data: [20, 45, 28, 80, 99, 43]
    }
  ]
};
    <BarChart
  style={graphStyle}
  data={data}
  width={screenWidth}
  height={220}
  yAxisLabel="$"
  chartConfig={chartConfig}
  verticalLabelRotation={30}
/>

条形图

标签： react-nativereact-native-androidreact-native-iosreact-native-chart-kit

解决方案

推荐阅读