jQuery toggleClass example
Toggle class name on click in jQuery
by kevalpanchal
HTML
<button id="exportChart">Export Chart</button>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>JavaScript
var chart = new CanvasJS.Chart("chartContainer", {"animationEnabled":true,"zoomEnabled":true,"zoomType":"x","dataPointWidth":50,"backgroundColor":"#FFFFFF","height":600,"title":{"text":"Total OPD Count"},"toolTip":{"cornerRadius":5,"borderThickness":3,"fontWeight":200,"fontSize":15,"backgroundColor":"#fff","borderColor":"#fff"},"legend":{"verticalAlign":"bottom","horizontalAlign":"center","fontColor":"#000000","fontSize":12,"fontStyle":"normal","cursor":"pointer"},"axisX":{"gridColor":"#E0E1E2","tickColor":"#E0E1E2","lineColor":"#E0E1E2","titleFontStyle":"normal","titleFontSize":14,"titleFontColor":"#000000","labelFontColor":"#000000","labelFontSize":10,"labelFontWeight":"normal","labelAngle":0,"viewportMaximum":9,"interval":1},"data":[{"type":"stackedColumn","showInLegend":true,"markerType":"circle","color":"#239A98","lineColor":"#239A98","highlightEnabled":false,"dataPoints":[{"y":1,"highlightEnabled":true,"cursor":"pointer","uniqueKey":"FollowUp.ad@11@patientId@COUNT1","i":4,"xSort":"01/10/2021","x":4,"toolTipContent":"<b class=\"text-wrap\"> FollowUp</b></br><table><tbody><tr><td valign=\"top\">Date</td><td valign=\"top\">:</td><td class=\"text-wrap\" valign=\"top\">01/10/2021</td></tr><tr><td valign=\"top\">Count</td><td valign=\"top\">:</td><td class=\"text-wrap\" valign=\"top\">1</td></tr></tbody></table>","drillDowntitle":"01/10/2021 X FollowUp : 1","maxYAxisValue":2}],"axisYType":"primary","legendText":"FollowUp","i":4},{"type":"stackedColumn","showInLegend":true,"markerType":"circle","color":"#4d3b2d","lineColor":"#4d3b2d","highlightEnabled":false,"dataPoints":[{"y":1,"highlightEnabled":true,"cursor":"pointer","uniqueKey":"New.ad@11@patientId@COUNT1","i":4,"xSort":"01/10/2021","x":4,"toolTipContent":"<b class=\"text-wrap\"> New</b></br><table><tbody><tr><td valign=\"top\">Date</td><td valign=\"top\">:</td><td class=\"text-wrap\" valign=\"top\">01/10/2021</td></tr><tr><td valign=\"top\">Count</td><td valign=\"top\">:</td><td class=\"text-wrap\"...