Add on press radar chart

example/src/radar/RadarChartBasic.js

@@ -36,6 +36,11 @@ class RadarChartBasic extends Component {
   static navigationOptions = ({ navigation }) => ({
     title: `Radar - Basic`,
   });
+
+  onLabelPress = (label, value) => {
+    alert(label + ':' + value);
+  }
+
   render() {
     let data = [{
       "speed": 74,
@@ -68,7 +73,8 @@ class RadarChartBasic extends Component {
         fontFamily: 'Arial',
         fontSize: 14,
         fontWeight: true,
-        fill: '#34495E'
+        fill: '#34495E',
+        onLabelPress: this.onLabelPress
       }
     }
 

src/Radar.js

@@ -72,6 +72,7 @@ export default class RadarChart extends Component
     const center = this.props.center || [x, y]
 
     const keys = Object.keys(this.props.data[0])
+    const keys_value = this.props.data[0];
     const chart = Radar({
       center: this.props.center || [x, y],
       r: this.props.options.r || radius,
@@ -98,6 +99,10 @@ export default class RadarChart extends Component
     const textStyle = fontAdapt(options.label)
 
     const labels = chart.rings[length - 1].path.points().map(function (p, i) {
+      function onLabelPress() {
+        textStyle.onLabelPress(keys[i], keys_value[`${keys[i]}`]);
+      }
+
       return (
               <G key={'label' + i}>
                   <Line x1={p[0]} y1={p[1]} x2={center[0]} y2={center[1]} stroke={colors.stroke} strokeOpacity={colors.strokeOpacity}/>
@@ -107,6 +112,7 @@ export default class RadarChart extends Component
                       fontWeight={textStyle.fontWeight}
                       fontStyle={textStyle.fontStyle}
                       fill={textStyle.fill}
+                      onPress={onLabelPress}
                       textAnchor="middle" x={Math.floor(p[0])} y={Math.floor(p[1])}>{keys[i]}
                   </Text>
               </G>

src/util.js

@@ -48,7 +48,8 @@ export const fontAdapt = (fontProps) => {
     rotate: fontProps.rotate || 0,
     fontWeight: fontProps.fontWeight ? 'bold' : 'normal',
     fontStyle: fontProps.fontStyle ? 'italic' : 'normal' ,
-    fill: fill
+    fill: fill,
+    onLabelPress: fontProps.onLabelPress
   }
 }