Does this support gradients?

[j4ysen]

Can't seem to find examples of gradients in the docs. What would be the easiest way to get gradients?

[levid]

I was able to add gradients like this:

import React from 'react';
import { Sparklines, SparklinesLine, SparklinesSpots } from 'react-sparklines';

const LinearGradientFill = stopColor => {
	return (
		<linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">
			<stop offset="0%" stopColor="rgb(26, 135, 255)" stopOpacity="1" />
			<stop offset="100%" stopColor="rgb(26, 135, 255)" stopOpacity="0" />
		</linearGradient>
	);
};

const CoinSparklineChart = props => (
	<Sparklines data={props.closePrice} height={50}>
		<svg>
			<defs>
				<LinearGradientFill />
			</defs>
		</svg>
		<SparklinesLine
			style={{
				strokeWidth: 1,
				fill: 'url(#gradient)'
			}}
			color="rgb(26, 135, 255)"
		/>
	</Sparklines>
);

export default CoinSparklineChart;

[Finesse]

It duplicates #87