Define Series Hover Styles

To define the color and stroke style for the series and the hover series, use the following code:

  seriesStyles: [{
                    opacity: 0.8, fill: "0-#333333-#2d2d2d", stroke: "#2d2d2d", "stroke-width": "1.5"
                }, {
                    opacity: 0.8, fill: "0-#6aaba7-#5f9996", stroke: "#5f9996", "stroke-width": "1.5"
                }, {
                    opacity: 0.8, fill: "0-#c3ff00-#afe500", stroke: "#afe500", "stroke-width": "1.5"
              
                }],
                seriesHoverStyles: [{
                    opacity: 1, "stroke-width": "2.5"
                }, {
                    opacity: 1, "stroke-width": "2.5"
                }, {
                    opacity: 1, "stroke-width": "2.5"
            
               }]

Notice a larger stroke-width value was used to emphasize the effect of the point when you hover over it.