markerType: String

Sets marker type to be rendered at each dataPoint. While markers are helpful in highlighting individual dataPoints, they do not help much when the dataPoints are crowded. In case of large number of dataPoints it is recommended to disable markers in order to improve the appearance and performance of chart.

Same marker type is also used in legend unless overridden by legendMarkerType property.


Default: “circle”
Options: “none”, “circle”, “square”, “triangle” and “cross”

Notes
  • To disable marker set markerType to “none”.
  • You can set marker properties at dataPoint too.
  • Markers can be used in All line charts, area charts, scatter chart and bubble Chart.
  • Recommended not to use markers when there are thousands of dataPoint – in order to improve performance and appearance of chart.


var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 data: [{
  markerType: "triangle",

  },
]
 .
 .
});
chart.render();


Try it Yourself by Editing the Code below.

  Also See:    



If you have any questions, please feel free to ask in our forums.Ask Question

Comments 6

    • lava kumar,

      It’s difficult to guess the problem without looking into the code. So please create a jsfiddle with your code so that we can have a look.

If you have any questions, please feel free to ask in our forums. Ask Question