Я создал BarChart в React Native с использованием ART с помощью примера, приведенного в ответе на вопрос StackOverflow: ART и d3 barchart в реагирующем нативном .
Я пытался добавить линейный градиент во все столбцы сверху вниз, но не получилось.
Я пытался заглянуть в документ GitHub: https://github.com/react-native-china/react-native-ART-doc/blob/master/doc.md#lineargradient.
Но он заполнил синий цвет во всех столбцах без градиента (согласно документу, он должен заполнить синий цвет только в 1% позиции)
const linearGrad = new LinearGradient({
'.1': 'blue', // blue in 1% position
'1': 'rgba(255, 255, 255, 0)'
},
"0", "0", "0", "400"
)
// In Bar Shape
<Shape
d={this.createBarChart(x(d.letter), y(d.frequency) - height, x.bandwidth(), height - y(d.frequency))}
fill={linearGrad}
>
</Shape>
Может быть, меня перепутали с точками (x1, y1) и (x2, y2), которые должны быть даны для каждого бара, который в документе представлен как (0,0,0,400). Любая идея о том, как достичь градиента здесь. Заранее спасибо.