{"_id":"highcharts-pattern-fill","_rev":"33-3bcea7188850451c9c5066a0f40cdde2","name":"highcharts-pattern-fill","dist-tags":{"latest":"3.0.3"},"versions":{"3.0.0":{"name":"highcharts-pattern-fill","version":"3.0.0","keywords":["pattern","fill","highcharts"],"author":{"url":"https://github.com/highslide-software","name":"Torstein Hønsi"},"license":"MIT","_id":"highcharts-pattern-fill@3.0.0","maintainers":[{"name":"highsoft","email":"torstein@highsoft.com"}],"homepage":"https://github.com/highcharts/pattern-fill#readme","bugs":{"url":"https://github.com/highcharts/pattern-fill/issues"},"dist":{"shasum":"cdaf3cd42e8ce351e1e8e1b795ec75fc46c173bd","tarball":"https://registry.npmjs.org/highcharts-pattern-fill/-/highcharts-pattern-fill-3.0.0.tgz","integrity":"sha512-XpK1mxWAQ9KoLxKTfRp3w1uqIAo85w9DjplIq/1XDWBaWnneELBOvd9KRKp3Gra2bz1zmp87WBsSEbFyONQufg==","signatures":[{"sig":"MEQCICB3NLxF2VTzZ6Lz7p0tj9S5OC5o1dF9ALCykwwqf/RoAiB8cDWDQUiewwjObpXlw0KjW8/X5grFTaYrJ+NpLIleUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"pattern-fill-v2.js","_from":".","_shasum":"cdaf3cd42e8ce351e1e8e1b795ec75fc46c173bd","gitHead":"089d2476abfb672cd7ec42484d04d2fda3a26b6b","scripts":{},"_npmUser":{"name":"highsoft","email":"torstein@highsoft.com"},"repository":{"url":"git+ssh://git@github.com/highcharts/pattern-fill.git","type":"git"},"_npmVersion":"2.15.5","description":"Highcharts pattern fill plugin for Highcharts 4. For Highcharts 3.x, the pattern fill version 1.0.x was used.","directories":{},"_nodeVersion":"4.4.5","peerDependencies":{"highcharts":"^4"},"_npmOperationalInternal":{"tmp":"tmp/highcharts-pattern-fill-3.0.0.tgz_1475739568671_0.9841494248248637","host":"packages-12-west.internal.npmjs.com"}},"3.0.1":{"name":"highcharts-pattern-fill","version":"3.0.1","keywords":["pattern","fill","highcharts"],"author":{"url":"https://github.com/highslide-software","name":"Torstein Hønsi"},"license":"MIT","_id":"highcharts-pattern-fill@3.0.1","maintainers":[{"name":"highsoft","email":"torstein@highsoft.com"}],"homepage":"https://github.com/highcharts/pattern-fill#readme","bugs":{"url":"https://github.com/highcharts/pattern-fill/issues"},"dist":{"shasum":"d064b0bf963ad854aff996a37f6c8a7572b27dd2","tarball":"https://registry.npmjs.org/highcharts-pattern-fill/-/highcharts-pattern-fill-3.0.1.tgz","integrity":"sha512-g61aX641M038kwFMEaWdibDuRo1ZBmfksvOCiyk8AURpkE3jqSYBL13qUO6I6TEKec98if30rfvUGtZysLKmCQ==","signatures":[{"sig":"MEUCIQCq4grKqoYzFancsKw4BVAc9oLB5AQSTbrHTpWX3i1/bwIgXoGBoAPnanOmdq8AJChRCXIDUqoByKkf3ht9WHJe2/8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"pattern-fill-v2.js","gitHead":"089d2476abfb672cd7ec42484d04d2fda3a26b6b","_npmUser":{"name":"highsoft","email":"torstein@highsoft.com"},"repository":{"url":"git+ssh://git@github.com/highcharts/pattern-fill.git","type":"git"},"_npmVersion":"5.0.3","description":"Highcharts pattern fill plugin for Highcharts 4. For Highcharts 3.x, the pattern fill version 1.0.x was used.","directories":{},"_nodeVersion":"6.9.5","peerDependencies":{"highcharts":"^4"},"_npmOperationalInternal":{"tmp":"tmp/highcharts-pattern-fill-3.0.1.tgz_1497355250611_0.038049525348469615","host":"s3://npm-registry-packages"}},"3.0.2":{"name":"highcharts-pattern-fill","version":"3.0.2","keywords":["pattern","fill","highcharts"],"author":{"url":"https://github.com/highslide-software","name":"Torstein Hønsi"},"license":"MIT","_id":"highcharts-pattern-fill@3.0.2","maintainers":[{"name":"highsoft","email":"torstein@highsoft.com"}],"homepage":"https://github.com/highcharts/pattern-fill#readme","bugs":{"url":"https://github.com/highcharts/pattern-fill/issues"},"dist":{"shasum":"923594def56f0eba79b6485665eb11a46091a174","tarball":"https://registry.npmjs.org/highcharts-pattern-fill/-/highcharts-pattern-fill-3.0.2.tgz","integrity":"sha512-k/gg0mzxtRVMMnAXfHMQloo8C9rScow9MEIduyX/ZG9fHa5V5uNmjn/9arCec1y4wkEPOQ+RaGY5InFnB9RGtA==","signatures":[{"sig":"MEUCIQDSd26uRI/YLzNR4xLGCV8gV8W3+hSNhU4jkjlPiSYdXQIgG1NSGbkGg4KiXkV0BjtusvCn2hem8t0I1bXbru5XIV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"pattern-fill-v2.js","gitHead":"8546991a08618c47774d38b02d8d95e1b6f75136","_npmUser":{"name":"highsoft","email":"torstein@highsoft.com"},"repository":{"url":"git+ssh://git@github.com/highcharts/pattern-fill.git","type":"git"},"_npmVersion":"5.0.3","description":"Highcharts pattern fill plugin for Highcharts 4. For Highcharts 3.x, the pattern fill version 1.0.x was used.","directories":{},"_nodeVersion":"6.9.5","peerDependencies":{"highcharts":">=4"},"_npmOperationalInternal":{"tmp":"tmp/highcharts-pattern-fill-3.0.2.tgz_1500895902146_0.25417167553678155","host":"s3://npm-registry-packages"}},"3.0.3":{"name":"highcharts-pattern-fill","version":"3.0.3","keywords":["pattern","fill","highcharts","highcharts-addon"],"author":{"url":"https://github.com/highslide-software","name":"Torstein Hønsi"},"license":"MIT","_id":"highcharts-pattern-fill@3.0.3","maintainers":[{"name":"highsoft","email":"torstein@highsoft.com"}],"homepage":"https://github.com/highcharts/pattern-fill#readme","bugs":{"url":"https://github.com/highcharts/pattern-fill/issues"},"dist":{"shasum":"d71923b39422d35b56cf886923b567e1d8edcf59","tarball":"https://registry.npmjs.org/highcharts-pattern-fill/-/highcharts-pattern-fill-3.0.3.tgz","fileCount":8,"integrity":"sha512-cYqVX3asyncG+hpZNa4iEufN0DDA0zz6B5bJvmHQ8T3tT5jIKbCixRj7pB+DXOn4YDw/oP6cpqkqPEwUaQWlMQ==","signatures":[{"sig":"MEYCIQCdr/QthTJhr2fDxyr6tzfB/8OdjRIbQe21w120P6nMMgIhAJZKWPAKXZHvMOytyQog7bxjjVROCV82uys8HS0vn85U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22029},"main":"pattern-fill-v2.js","gitHead":"a7c04c2ee84bc9fbecdfa63f1a5560cfe427ed9a","_npmUser":{"name":"highsoft","email":"torstein@highsoft.com"},"repository":{"url":"git+ssh://git@github.com/highcharts/pattern-fill.git","type":"git"},"_npmVersion":"5.6.0","description":"Highcharts pattern fill plugin for Highcharts 4. For Highcharts 3.x, the pattern fill version 1.0.x was used.","directories":{},"_nodeVersion":"8.10.0","_hasShrinkwrap":false,"peerDependencies":{"highcharts":">=4"},"_npmOperationalInternal":{"tmp":"tmp/highcharts-pattern-fill_3.0.3_1523189851599_0.3862086348964855","host":"s3://npm-registry-packages"}}},"time":{"created":"2016-10-06T07:39:30.501Z","modified":"2026-07-07T07:31:15.938Z","3.0.0":"2016-10-06T07:39:30.501Z","3.0.1":"2017-06-13T12:00:51.549Z","3.0.2":"2017-07-24T11:31:43.010Z","3.0.3":"2018-04-08T12:17:31.685Z"},"bugs":{"url":"https://github.com/highcharts/pattern-fill/issues"},"author":{"url":"https://github.com/highslide-software","name":"Torstein Hønsi"},"license":"MIT","homepage":"https://github.com/highcharts/pattern-fill#readme","keywords":["pattern","fill","highcharts","highcharts-addon"],"repository":{"url":"git+ssh://git@github.com/highcharts/pattern-fill.git","type":"git"},"description":"Highcharts pattern fill plugin for Highcharts 4. For Highcharts 3.x, the pattern fill version 1.0.x was used.","maintainers":[{"email":"torstein@highsoft.com","name":"torsteinhonsi"},{"email":"jorgen.tistel@highsoft.com","name":"jtistel"},{"email":"jakub.szuminski@blacklabel.pl","name":"jszuminski"},{"email":"sophie.bremer@highsoft.com","name":"bre1470"},{"email":"hello@vasseng.com","name":"cvasseng"},{"email":"oystein@highsoft.com","name":"oysteinmoseng"},{"email":"kenh.lieng@gmail.com","name":"khlieng"},{"email":"askele.johansson@highsoft.com","name":"askelj"},{"email":"goran.slettemark@highsoft.com","name":"goransle"},{"email":"mikkeleb@gmail.com","name":"skrulling"}],"readme":"pattern-fill\r\n============\r\n\r\nHighcharts plugin for creating pattern fills in any area, like area charts, chart backgrounds, plot bands or columns.\r\n\r\n## Usage\r\nIn version 2, add a `defs` object to the options. Create a `patterns` array under `defs`. Each item in this array represents a pattern. To use a pattern, set the color to `url(#id-of-pattern)`. Version 1 worked with oldIE, but the downside is that image files are required for the patterns.\r\n\r\n```js\r\n    defs: {\r\n        patterns: [{\r\n            'id': 'custom-pattern',\r\n            'path': {\r\n                d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11',\r\n\t        stroke: Highcharts.getOptions().colors[0],\r\n    \t        strokeWidth: 3\r\n            }\r\n        }]\r\n    },\r\n    // ... the rest of your chart data here ...\r\n    series: [{\r\n    \t'data': [1, 2, 3, 4],\r\n\t'color': 'url(#custom-pattern)'\r\n    }]\r\n```\r\n\r\n## Demos\r\n* [Pie with default patterns](http://jsfiddle.net/highcharts/gqg618eb/)\r\n* [Map with default patterns](http://jsfiddle.net/highcharts/3m1hjja6/)\r\n* [Custom pattern](http://jsfiddle.net/highcharts/jzy1unsv/)\r\n* [Version 1, oldIE compatible](http://jsfiddle.net/highcharts/ErU8H/)\r\n \r\n## Compatibility\r\nVersions 1.x are compatible with Highcharts 3. Versions 2.x are compatible with Highcharts 4.\r\n \r\n## Options for version 1:\r\n * `pattern`: The URL for a pattern image file\r\n * `width`: The width of the image file\r\n * `height`: The height of the image file\r\n * `color1`: In oldIE, bright colors in the pattern image are replaced by this color. Not yet implemented in SVG.\r\n * `color2`: In oldIE, dark colors are replaced by this. \r\n","readmeFilename":"README.md"}