override donsn't work as expected with type 'scatter'

[eloyvallinaes]

Setting specific colors for some traces in Chart of type 'scatter' doesn't prevent them for catching colors from the scheme. More exactly, even though the legend does show what would be expected, the markers on the canvas retain the colors supplied by the colorscheme.

MWE

        var myChart = new Chart(ctx, {
        type: 'scatter',
        data: {
          datasets: [
            {
             data : [
               {"x" : 10, "y" : 10},
               {"x" : 20, "y" : 20}
           ],
             backgroundColor : "gray",
             label : "Set 1"
           },
            {
              data : [
                {"x" : 10, "y" : 20},
                {"x" : 20, "y" : 40}
            ],
            label : "Set 2"
            }
          ]
          },
        options : {
          plugins : {
            colorschemes: {
              scheme: 'tableau.ColorBlind10',
              override : false,
              fillAlpha : 0.2
            }
          }
        }
      });

Output

[cvijanovicn]

any feedback on this? I have the same problem

[eloyvallinaes]

A workaround is to set up these four dataset properties:

dataset : {
backgroundColor : "lightgray",
pointBackgroundColor : "lightgray",
borderColor : "white",
pointBorderColor : "white",
}

the BackgroundColor and BorderColor will set what's displayed on the legend, while pointBackgroundColor and pointBorderColor will set what you see on the plot. Hope that helps!

[cvijanovicn]

thanks,

what also helped me as a workaround is manually disabling plugin for specific chart:

options.plugins: {
colorschemes: false
}