Sets the color of marker that is displayed on the Chart. Legend Marker for the series use same Color as set here unless overridden using legendMarkerColor property.
Default: dataSeries colorvar  chart =  new  CanvasJS.Chart("container",
{
 .
 .
  data:[ {
   dataPoints: [
    {x: 10 , y: 50 , markerColor: "red"},
   ],
  },
 ]
 .
 .
});
chart.render();
2 Comments
Is there anyway to change the marker color on hover?
You can use set markerColor on mouseover event. Here is an example.