Accepting function instead of dataKey

It would be great if it were possible to pass a function that evaluates to a data points value instead of passing a dataKey

i.e.

<Line dataKey="uv" />

could be equivalent to

<Line value={ (data, index) => data[index]["uv"] } />

That would allow Recharts to make less assumptions about the passed datas format and would enable more use cases like computing values

[JarLowrey]

@erayalakese using a function works for me

//data=[{ ttt: 'a', asd: 12 }, { ttt: 'b', asd: 32 }, { ttt: 'c', asd: 55 },]
	render() {
		let getVal = (x)=>{return x.asd;}
		let getName = (x)=>{return x.ttt;}
		return (
			<LineChart width={730} height={250} data={this.state.data}
				margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
				<CartesianGrid strokeDasharray="3 3" />
				<XAxis dataKey={getName} />
				<YAxis />
				<Tooltip />
				<Legend />
				<Line type="monotone" dataKey={getVal} stroke="#8884d8" />
			</LineChart>
		);
	}

[xile611]

@tarrencev Thanks! We’ll think about this feature.