[feature] backgroundColor 'transparent' doesn't work

[manolobattistadev]

It's not possible to set backgroundColor as transparent or rgba(0,0,0,0.0).

In my case I need to have a linear-gradient as background of the charts, if is not possible have linear gradient, is there a way to set a transparent background to use a linear-gradient box behind the charts?

[manolobattistadev]

@tomLadder I saw now that it is possible add a style prop on WebView to solve this feature.

<WebView
          ...
          onLoadEnd={this.onLoadEnd}
          style={{
            backgroundColor: 'transparent'
          }}
        />

Can you provide a webViewProps on main Echarts component to pass custom props on WebView?

My custom screen

import {ECharts} from "react-native-echarts-wrapper";
<ECharts ref={(ref) => ref && setChart(ref)}
        option={ProfileGrowthOptions(data, activePeriod)}
        additionalCode={additionalCode}
        onData={onChartDataEvent}
        webViewProps={{
              style: {backgroundColor:'transparent'}
        }}
/> 

index.js

<WebView
    ...
    onLoadEnd={this.onLoadEnd}
    {...this.props.webViewProps}
/>

It will be a great feature, let me know :)

[tomLadder]

@manolobattistadev I'm currently very busy. But it is definitely on my list :)