Time series chart (Line)

Hello everyone !!!, I need time series chart multiple legend selection using check box, like vision easy chart legend selection, anybody done this my needed requirement then help me to :innocent:

You haven't shown your design layout or posted your current setup but it sounds as though you have checkbox components external to the Time Series component and you want to use these to display or hide associated traces on your chart.

Try this:

  • On the view create a custom property for each checkbox. e.g. groupAvisibility
  • Create a property binding on each checkbox to the associated view.custom.groupAvisibility, etc. Make sure to set the binding as bidirectional so the checkbox writes to it.

  1. Add a column for each line on the chart.
  2. Set the key for each column to the exact same case-sensitive name as it appears in the data.
  3. The chart doesn't have a 'visibility' property but does have an opacity property which you can use. Create an expression binding on this. Opacity runs from 0 to 1 in decimal format.
  4. Repeat for 4, 5 and 6 as required.

You can right-click on the opacity, copy binding and paste the binding anywhere else you need it. You can then edit each as required.

Thank you !!!,

But i want this type legend selection in Time Series chart (Line)

Like this type

So,

  • Create a flex column container on the left of your chart.
  • Drop a label in the top.
  • Drop a flex row container under that, deep select it and add in a label to be formatted as the color indicator and a checkbox.
  • Set the label's width property as required and bind its background color to the chart's columns.0.styles.normal.stroke.color property.
  • Bind the checkbox bidirectionally to the view.custom.groupAvisibility as described above.
  • Bind the line's opacity as described above.

Repeat as required.