Как использовать LinearGradient в гистограмме в React Native с использованием ART и D3? - PullRequest
0 голосов
/ 11 апреля 2019

Я создал 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). Любая идея о том, как достичь градиента здесь. Заранее спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...