Home forums Report Bugs legendMarkerType hidden when many points rendered on line chart

This topic contains 2 replies, has 2 voices, and was last updated by  Robert 1 year, 10 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8105

    Robert
    Participant

    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
    http://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 1 year, 10 months ago by  Robert.
    • This topic was modified 1 year, 10 months ago by  Robert.
    #8109

    Sunil Urs
    Keymaster

    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

    #8114

    Robert
    Participant

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

    Tada:

    Timeline

    Thanks again, great product.

    • This reply was modified 1 year, 10 months ago by  Robert.
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.