Single legend heading for multiple charts in the same page

[MSingh]

Hello,

I have an angular application that uses canvasjs licensed version, We have multiple charts in a single page. I need only one legend for the entire page instead of multiple legends for each graph. How is this possible.
Also if the single legend is possible, i want it to behave the same. clicking on one legend should enable/disable data points of all the graphs.

Thanks.

[Vishwas R]

@msingh,

Single legend to multiple charts is not available, as of now. However you can achieve the same by disabling legends for all the charts except the one at the bottom / last chart and handle hiding / unhiding of dataSeries of all charts from the shown legend. Please take a look at this JSFiddle for a demo. Same code works fine even in Angular, React and other frameworks.

If this doesn’t fulfill your requirement, kindly share JSFiddle with your use-case with us, so that we can look into code, understand the scenario better and help you out.

—
Vishwas R
Team CanvasJS