Set color for lines in charts

[youngmorse]

The colors are arbitrarily changing on some of the plots. It's most noticeable on the forecast/observation plots and will sometimes change the series color from green to orange while it's reloading. Investigate how we can set the colors so they are fixed by data type and consistent between plots.

[abkfenris]

This will take some deeper digging into how Highcharts assigns colors.

We may want to look at creating a library/cycle of colors that we feed to the charts and be more explicit about what ends up what color. Which is probably best implemented with #1113

[abkfenris]

Ok, I've got it so we can pass specific colors to be displayed to the plot, and it will override the default cycle.

Right now I've got it using NERACOOS blue for the observation, and a ColorBrewer scheme for the forecasts.

Let me know if there is a better set of colors to be using.

[abkfenris]

Coloring the tooltips to match the line colors:

Edited to show with BIO Wave Watch working

[abkfenris]

Using colors from the NERACOOS visual guide (and fixed styling elsewhere to match).

[youngmorse]

This is looking great @abkfenris! It would be good to try and incorporate the NERACOOS color scheme if we can. I'm attaching the neracoos palatte Julianna created as a PDF and I used coolors.co to put the palatte online. Maybe use the 'NERACOOS blue' for the obs (which you may be using already), the 'Coastal Meadow' or 'Metallic Seaweed' for the green and see if the rich yellow works in place of the orange you are using? I think the lighter orange in the palatte might be too light, but if Buoy Yellow doesn't work, I think the orange you've got would be ok. neracoos palette.pdf