legendMarkerType hidden when many points rendered on line chart

• January 30, 2015 at 10:38 am #8105
  
  Robert

  When displaying a line style chart and using a legend with a legendMarkerType set, the legend marker reverts to a simple line if the number of points rendered causes the markers on the actual chart line to disappear.

  You can see this in action by adding legendMarkerType: “square”, showInLegend:true to your Basic Line Example
  https://canvasjs.com/docs/charts/chart-types/html5-line-chart/
  and resizing the web page to be very narrow. When the line markers disappear, so does the legend marker.

  In my case I’m rendering several thousand data points in several chart lines and so the legend is always a simple line which is hard to see. I want to make them a square.

  Other chart types don’t exhibit this property, for example, setting the type to scatter will always render the legendMarkerType regardless of the number of points displayed.

  • This topic was modified 9 years, 10 months ago by Robert.
  • This topic was modified 9 years, 10 months ago by Robert.
  January 30, 2015 at 8:17 pm #8109
  
  Sunil Urs

  Robert,

  By default, the chart tries to decide if markers should be shown or not based on the number of dataPoints available.

  You can override this behavior by setting markerSize as shown in this jsfiddle.

  —
  Sunil Urs

  January 31, 2015 at 5:13 am #8114
  
  Robert

  Groovy. Thanks for the quick response. I also added markerType: “none” to keep the lines from getting lumpy.

  Tada:

  

  Thanks again, great product.

  • This reply was modified 9 years, 10 months ago by Robert.
  March 30, 2018 at 11:12 pm #20175
  
  intijk

  I have many data lines, with the smart hiding feature, some of them show markertype, some not, this create big vision inconsistency.

  Could we make an option to force the marker type show?

  March 31, 2018 at 10:27 pm #20180
  
  Vishwas R

  @intijk,

  legendMarkerType falls back to markerType set in the dataSeries. Setting markerType / legendMarkerType to ‘none’ would be the reason in this scenario. Can you kindly create jsfiddle with sample data, so that we can understand your code better and help you out?

  —
  Vishwas R
  Team CanvasJS