Как нарисовать линейную диаграмму / гистограмму в logScale yAxis, используя Reaction-native-svg-chart

Question

Это мой первый раз, когда я использую этот пакет response-native-svg-chart. У меня есть линейный график / гистограмма, которая должна рисовать график в логарифмическом масштабе, однако он не работает должным образом.

Это пример кода, как я это делаю.

<View>
<YAxis
    contentInset={contentInset}
    data={ chartData }
    yAccessor={ ({ item }) => item.value }
    svg={{
        fill: 'grey',
        fontSize: 10,
    }}
    scale={ scale.scaleLog }
    numberOfTicks={ 5 }
/>
<View style={{ flex: 1, marginLeft: 10 }}>
    <BarChart
        style={{ flex: 1 }}
        data={ chartData }
        yScale= { scale.scaleLog }
        xScale= { scale.scaleTime }
        yAccessor={ ({ item }) => item.value }
        xAccessor={ ({ item }) => item.time }
        contentInset={contentInset}
        svg={{ 
            strokeWidth: 2,
            stroke: 'url(#gradient)',
        }}
        numberOfTicks={5}
    >
        <Grid />
        <Gradient/>
    </BarChart>
    <XAxis
        data={ chartData }
        scale={ scale.scaleTime }
        xAccessor={ ({ item }) => item.time }
        formatLabel={(value, index) => moment(value).format('DD/MM')}
        numberOfTicks={8}
        svg={{ fontSize: 6, fill: 'grey' }}
    />
</View>

Сообщение об ошибке не появляется, но данные не масштабируются в журнале. Какую часть я сделал неправильно. Или любой другой пакет, который я могу использовать, чтобы нарисовать это. Спасибо