export function GradientCharts()

in packages/showcase/color/mini-color-examples.js [195:229]

• 35 lines of code
• 1 McCabe index (conditional complexity)

export function GradientCharts() {
  const gradient = (
    <GradientDefs>
      <linearGradient
        id="myGradient"
        gradientUnits="userSpaceOnUse"
        x1="0"
        y1="0"
        x2="200"
        y2="200"
      >
        <stop offset="10%" stopColor="#c6e48b" />
        <stop offset="33%" stopColor="#7bc96f" />
        <stop offset="66%" stopColor="#239a3b" />
        <stop offset="90%" stopColor="#196127" />
      </linearGradient>
    </GradientDefs>
  );
  return (
    <div style={{display: 'flex'}}>
      <XYPlot {...defaultXYPlotProps}>
        {gradient}
        <VerticalBarSeries {...data.noColor[0]} color={'url(#myGradient)'} />
      </XYPlot>
      <XYPlot {...defaultXYPlotProps}>
        {gradient}
        <LineSeries {...data.noColor[0]} color={'url(#myGradient)'} />
      </XYPlot>
      <XYPlot {...defaultXYPlotProps}>
        {gradient}
        <MarkSeries {...data.noColor[0]} color={'url(#myGradient)'} />
      </XYPlot>
    </div>
  );
}