{"id":21370,"date":"2018-11-05T11:21:56","date_gmt":"2018-11-05T11:21:56","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=21370"},"modified":"2026-01-12T10:01:53","modified_gmt":"2026-01-12T10:01:53","slug":"pattern-fill-plugin","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/tutorials\/pattern-fill-plugin\/","title":{"rendered":"Pattern Fill Plugin"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Accessibility is a key part of what makes Highcharts so robust. One example feature is the support for pattern fills.<\/p>\n<p>Pattern fills are of great assistance to those who are color blind or experience difficulty in telling solid colors apart.<\/p>\n<p class=\"demo-container\">\n<iframe height=\"550\" style=\"width: 100%;\" scrolling=\"no\" title=\"Pattern Fill Plugin. By Torstein H\u00f8nsi Highsoft\" src=\"https:\/\/codepen.io\/mushigh\/embed\/rNzJqdv?default-tab=result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\"><br \/>\n  See the Pen <a href=\"https:\/\/codepen.io\/mushigh\/pen\/rNzJqdv\"><br \/>\n  Pattern Fill Plugin. By Torstein H\u00f8nsi Highsoft<\/a> by mustapha mekhatria (<a href=\"https:\/\/codepen.io\/mushigh\">@mushigh<\/a>)<br \/>\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<br \/>\n<\/iframe>\n<\/p>\n<p><\/p>\n<p>Check out more about <a href=\"https:\/\/www.highcharts.com\/accessibility\/#exploreFeatures\" target=\"_blank\" rel=\"noopener\">Highcharts and accessibility<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Accessibility is a key part of what makes Highcharts so robust. One example feature is the support for pattern fills. Pattern fills are of great assistance to those who are color blind or experience difficulty in telling solid colors apart. See the Pen Pattern Fill Plugin. By Torstein H\u00f8nsi Highsoft by mustapha mekhatria (@mushigh) [&hellip;]<\/p>\n","protected":false},"author":32,"featured_media":21451,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[210],"tags":[789,1094],"coauthors":[699],"class_list":["post-21370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-accessibility","tag-highcharts-core"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/21370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=21370"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/21370\/revisions"}],"predecessor-version":[{"id":29153,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/21370\/revisions\/29153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/21451"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=21370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=21370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=21370"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=21370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}