Неправильно отображаются ярлыки VictoryBar, созданные для Victory-native. - PullRequest
1 голос
/ 07 июля 2019

Я не могу заставить мои диаграммы VictoryBar правильно отображать метки в моем приложении React Native.Ось X представляет дни, а ось Y представляет значения.Я хотел бы, чтобы график отображал значения над каждым баром, но отображает день.Я установил свойство метки, но он ничего не делает.Ничего не происходит, когда я console.log (d), как показано на рисунке.Результат этого кода ниже.

"Reaction-native": "0.59.9" "victory-native": "^ 32.0.2" "Reaction-native-svg": "^ 9.5.1",

Спасибо

<VictoryChart domainPadding={70}>
  <VictoryBar 
     data={bars} 
     x="label"  
     y="value"
     // animate={{ onLoad: { duration: 1000 } }}
     style={{ data: { width: 20, fill: (d) => d.x === 3 ? "#000000" : "#49C6B7" }}}
     labels={(d)=>{console.log(d);return d.y}}
  />
  <VictoryAxis
    //x
    tickLabelComponent={<VictoryLabel angle={45} />}
    style={{
      axis: {stroke: 'grey'},
      ticks: {stroke: 'white'},
      tickLabels: {fontSize: 12, padding: 3, marginLeft:10, stroke:"white", verticalAnchor: "middle", textAnchor:'start'}
    }}
  />
  <VictoryAxis
  //y
    tickFormat={(d)=> numeral(d).format('0.0a')}
    dependentAxis
    style={{
    axis: {stroke: "grey"},
    grid: {stroke:'grey'},
    tickLabels: {fontSize: 0, padding: 0,   stroke:'white'}
    }}
  />
</VictoryChart> 

enter image description here

...