JavaScript Chart - Patterns in ChartPatterns for Visually Impaired Users (Line Chart)

Undo Pattern
VIEW MORE FEATURES
SAVE
VIEW HTML
EDIT ON CODEPEN
To apply the pattern for visually impaired users to the chart created by using KoolChart's JavaScript charting library, you need to set the usePattern property to true and to set the patternImageBaseUrl and patternImagesUrl properties as follows:
var chartVars1 = "KoolOnLoadCallFunction=chartReadyHandler1";
chartVars1 += "&usePattern=true";
KoolChart.patternImageBaseUrl = "https://www.koolchart.com/demo/KoolChart/Assets/Patterns/";
KoolChart.patternImagesUrl = ["diagonal_ltr.png", "diagonal_rtl.png", "diagonal.png", "horizontal.png", "vertical.png", "both.png", "up.png", "right.png", "horizontal_curve.png", "vertical_curve.png", "horizontal_pipe.png", "vertical_pipe.png", "rectangle.png", "circle.png", "diamond.png", "triangle.png", "down_triangle.png", "cross.png", "rectangle2.png", "circle.png"];
Once the pattern is applied to the chart, you can undo the pattern using the accessibilityPattern() function with the parameter value false:
document.getElementById("chart1").accessibilityPattern(false);
And you can also reapply the pattern to the chart using the accessibilityPattern() function with the parameter value true:
document.getElementById("chart1").accessibilityPattern(true);