display markerType in legend

• March 28, 2018 at 3:20 am #20071
  
  cancanvas

  Hi There,

  How do I display cross and triangle marker in legend and specify its meaning, i.e. triangle for gain and cross for loss? Thank you.
  See https://jsfiddle.net/cancanvas/Loab2h6L/5/

  March 28, 2018 at 10:02 am #20073
  
  Indranil

  @cancanvas,

  Only one legend can be associated with a dataSeries as of now. You can add a dummy dataSeries with a legend to show multiple legends. Please take a look at this jsfiddle.

  ___________
  Indranil Deo,
  Team CanvasJS

  March 28, 2018 at 11:37 pm #20078
  
  cancanvas

  Hi Indranil,

  Thanks for the reply. It makes sense. Now I have different issues. Please check https://jsfiddle.net/cancanvas/Loab2h6L/17/
  Question1: Why the legend of series 2 and 3 dose NOT show dot/dash line? I need to make it consistent with the chart.
  Question2: Is there any way I can group legend make stype them separately. e.g. I want to make series 1, 2,3 legend virtically aligned to the left bottom and label 1 and 2 vertically aligned to the right bottom.
  Question3: All my data has integer as x value, why it automatically calculated to interval as 0.5? I cannot specify interval to a specific integer because it is dynamic based on data comes in. But I need x value always calculated and displayed as integer. How can I implement this?

  Thank you very much!

  March 29, 2018 at 10:34 am #20080
  
  Indranil

  @cancanvas,

  Question1: Why the legend of series 2 and 3 dose NOT show dot/dash line? I need to make it consistent with the chart.

  Changing legend line dash type is not possible as of now. However, you can workaround this by setting the legendMarkerColor to white and legendMarkerType to triangle. Please take a look at this jsfiddle

  Question2: Is there any way I can group legend make stype them separately. e.g. I want to make series 1, 2,3 legend virtically aligned to the left bottom and label 1 and 2 vertically aligned to the right bottom.

  Sorry, it’s not possible to group legends as of now. All legends will be positioned together.

  Question3: All my data has integer as x value, why it automatically calculated to interval as 0.5? I cannot specify interval to a specific integer because it is dynamic based on data comes in. But I need x value always calculated and displayed as integer. How can I implement this?

  Axis interval depends on the axis range, number of ticks, as well as width of the chart, which means more the width of the chart interval will be less and lesser the width of chart interval will be more. You can try setting interval and update it based on the new dataPoint x-values added.

  ___________
  Indranil Deo,
  Team CanvasJS