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
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.
- Add a column for each line on the chart.
- Set the key for each column to the exact same case-sensitive name as it appears in the data.
- 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.
- 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.
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.