Black Lives Matter. Please consider donating to Black Girls Code today.

Line chart filled with gradient and legends customization

I am trying to create line charts like above. My questions are

  1. is it possible to make lines with gradient shadow?
  2. is it possible to make legend labels customized as boxes (like above image “thing thing 2” yellow label box)
  3. how to customize the chart background? (as striped columns)

In addition, I am going to have a time slider to control multiple charts. If user moves the time slider handle, all charts data will be updated. As shown in the image, every chart has a black vertical line, I want the vertical line move corresponding to user clicking on the time slider.

please advise!

Thanks

No.

Sort of. There’s https://plot.ly/javascript/reference/#layout-legend-bgcolor

You can build that pattern using https://plot.ly/javascript/shapes/#rectangle-positioned-relative-to-the-axes