настройка собственных диаграмм в линейном графике

Question

Я использую библиотеку merryjs / Reaction-native-charts в Reaction-native для линейного графика.
Требуется проект

Я пытался настроить, но некоторые свойства не работают или я не даю им значения надлежащим образом. Мой дизайн:

Свойства для настройки:

1. удалить линию оси x (в Android это можно сделать с помощью mChart.getXAxis().setDrawGridLines(false), но в реакции на родную я не могу этого сделать)
2. Альтернативный фон
3. Удалить точку из каждой точки
4. Показать точку при перетаскивании или щелчке линии

Код: Полная кодовая ссылка

xAxis: {
          $set: {
            valueFormatter: ['Q1', 'Q2', 'Q3', 'Q4','Q5','Q6','Q7'],
            drawGridLines:false,
          }
        }
 <LineChart
          chartDescription={{ text: '' }}
            style={styles.chart}
            data={this.state.data}
            description={{
            text: ''
          }}
            marker={this.state.marker}
            xAxis={this.state.xAxis}
            yAxis={this.state.axisLeft}

            drawGridBackground={false}
            gridBackgroundColor={processColor('#3AE2CE')}
            borderColor={processColor('teal')}
            borderWidth={10}
            drawBorders={false}
            touchEnabled={true}
            dragEnabled={true}
            scaleEnabled={true}
            scaleXEnabled={true}
            scaleYEnabled={true}
            pinchZoom={true}

            doubleTapToZoomEnabled={true}
            dragDecelerationEnabled={true}
            dragDecelerationFrictionCoef={0.99}
            keepPositionOnRotation={false}
            onSelect={this
            .handleSelect
            .bind(this)}/>
        </View>