Quantcast
Channel: Active questions tagged react-native+ios - Stack Overflow
Viewing all articles
Browse latest Browse all 16552

how to change the textCoor of ID.AM1,ID.AM2 etc in react native chart wrapper?

$
0
0

Below is my code , i am using react native chart wrapper i want to change the color of valueFormatter "ID.AM-1","ID.AM-2","ID.AM-3","ID.AM-4","ID.AM-5"& "ID.AM-6" at corner of spider chart How may i achieve this ? this is radar chart of attached code in react native chart wrapper below is the spider chart of react native chart wrapper in ios

constructor() {
    super();
    this.state = {
        data: {},
        legend: {
            enabled: false,
            textSize: 30,
            form: 'CIRCLE',
            wordWrapEnabled: true
        }
    };
}

componentDidMount() {
    this.setState(
        update(this.state, {
            data: {
                $set: {
                    dataSets: [{
                        values: [4.00,4.00,4.00,4.00,4.00,4.00],
                        label: 'Identify',
                        config: {
                            drawFilled: true,
                            fillColor: processColor('#146294'),
                            fillAlpha: 200,
                            lineWidth: 1,
                            drawValues:false,
                            valueTextColor:processColor('white')
                        }
                    }, ],
                }
            },
            xAxis: {
                $set: {
                    valueFormatter: ["ID.AM-1","ID.AM-2","ID.AM-3","ID.AM-4","ID.AM-5","ID.AM-6"]
                }
            }
        })
    );
}



render() {
    return (
        <View style={{ flex: 1, backgroundColor:'gray', borderColor: '#43464B', borderWidth: Dimension(6), borderRadius: Dimension(10), marginLeft: Dimension(50), marginRight: Dimension(50), marginTop: Dimension(30) }}>
            <View style={{ backgroundColor: '#1E2026', borderColor: '#43464B', borderBottomWidth: Dimension(6), height: Dimension(100), justifyContent: 'center', alignItems: 'center' }}>
                <Text style={{ fontSize: (18), color: 'white', alignSelf: 'flex-start', marginLeft: Dimension(24) }}>{this.props.title}</Text>
            </View>
            <RadarChart
                style={styles.chart}
                data={this.state.data}
                xAxis={this.state.xAxis}
                yAxis={{ drawLabels: true }}
                legend={this.state.legend}
                drawWeb={true}
                webLineWidth={1}
                webLineWidthInner={1}
                webAlpha={255}
                webColor={processColor("white")}
                webColorInner={processColor("white")}
                skipWebLineCount={1}
            />
        </View>

    );
}

Viewing all articles
Browse latest Browse all 16552

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>