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>
);
}