renderSVG(moreProps) {
//...
const points = helper(this.props, moreProps, xAccessor);
return <g className={className}>
{points.map((point, idx) => {
// `point` contains stroke and fill with already applied function call
// and markerProps still contain possible functors
const { marker: Marker } = point; // <-- stroke, fill are ignored here
return <Marker key={idx} {...markerProps} point={point} />; //
// using this way - `<circle>` marker will get stroke===functor ((d)=>...), which is error.
})}
</g>;
}
Problem appears when you call Scatter Series this way:
Stroke (and fill) functors are applied to datums here: https://github.com/rrag/react-stockcharts/blob/master/src/lib/series/ScatterSeries.js#L80
and here it is forgotten: https://github.com/rrag/react-stockcharts/blob/master/src/lib/series/ScatterSeries.js#L34
So the solutions will be next: