score:0

Accepted answer

series.scatter.color ended up being the value I needed to change marker opacity on scatter charts using the API.

Sadly there's no fillOpacity for scatter charts ala series.bubble.marker.fillOpacity which would have made my life easier.

Passing the following lines worked for me:

$chart['series'][0]['color'] = 'rgba(83, 223, 83, .5)';
$chart['series'][1]['color'] = 'rgba(223, 83, 83, .5)';
$chart['series'][2]['color'] = 'rgba(83, 83, 223, .5)';

score:1

Fill propertyies lineColor and fillColor in the null to enable the default settings.

  plotOptions: {
    scatter: {
      opacity: 0.5,
      marker: {
        radius: 20,
        lineWidth: 2,
        lineColor: null,
        fillColor: null,
      }
    }
  },

Live demo: https://jsfiddle.net/BlackLabel/tbpn63uc/1/


Related Articles