изменить ширину метки в реагирующем наборе диаграмм - PullRequest
Новая
       6

изменить ширину метки в реагирующем наборе диаграмм

0 голосов
/ 02 марта 2020

Я рисую диаграмму с моими динамическими c значениями, и мне нужно знать 2 вещи:

1 / изменить ширину меток в x и y, используя LineChart response-native-chart-kit! !

2 / управляйте масштабом моего графика

Если вы знаете пропорции или варианты, которые могут это сделать; 

 <LineChart
            data={this.state.data}
            width={Dimensions.get("window").width*0.9}
            height={400}
            //yAxisLabel={"DH"}
            chartConfig={chartConfig}
            bezier
            spacing={0.8}
            spacingInner={0.8}
            verticalLabelRotation={90}
            style={{
              marginTop:40,
              marginLeft:20,
              fontSize:1,
            }}
            />
const chartConfig = {
  backgroundColor: "#f5f3ed",
  backgroundGradientFrom: "#f5f3ed",
  backgroundGradientTo: "#f5f3ed",
  //decimalPlaces: 2, // optional, defaults to 2dp
  color: (opacity = 1) => `rgba(3, 2, 2, ${opacity})`,
  labelColor: (opacity = 1) => `rgba(3, 2, 2, ${opacity})`,
  barPercentage: 0.5,
  style: {
    borderRadius: 16
  },
  propsForDots: {
    r: "6",
    strokeWidth: "2",
    stroke: "#ffa726"
  }
}

1 Ответ

1 голос
/ 06 апреля 2020
  1. propsForLabels может использоваться для переопределения стилей меток, act-native-svg
  2. Масштаб вашего графика пропорционален экстремальным значениям вашего набора данных , Если вы хотите уменьшить масштаб, это означает, что ваши данные должны быть в значительно меньшем диапазоне.
...