{"_id":"chartjs-plugin-labels","_rev":"3-68cb62dab49e2d3e8a7eb76bac814793","name":"chartjs-plugin-labels","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"chartjs-plugin-labels","version":"1.0.0","description":"Chart.js plugin to display labels on pie, doughnut and polar area chart.","main":"src/chartjs-plugin-labels.js","peerDependencies":{"chart.js":"^2.6.0"},"repository":{"type":"git","url":"git+https://github.com/emn178/chartjs-plugin-labels.git"},"keywords":["chart","label"],"license":"MIT","author":{"name":"Chen, Yi-Cyuan","email":"emn178@gmail.com"},"homepage":"https://github.com/emn178/chartjs-plugin-labels","bugs":{"url":"https://github.com/emn178/chartjs-plugin-labels/issues"},"gitHead":"cf62971e70631468a9e9c5d3f99d83574a84e375","_id":"chartjs-plugin-labels@1.0.0","_npmVersion":"5.3.0","_nodeVersion":"8.2.1","_npmUser":{"name":"emn178","email":"emn178@gmail.com"},"dist":{"integrity":"sha512-eA5LeIVrLq6cwOUgi4R1bERvgJO0EFz6b+Tda1CwopGyUfFMvVBJ1ASN07G9Ye7EDjfSAP/RG+4Ov8sH8G1stw==","shasum":"80cd93e20cd7df45c5d921d3cb0c8ec04a0f0e9a","tarball":"https://registry.npmjs.org/chartjs-plugin-labels/-/chartjs-plugin-labels-1.0.0.tgz","fileCount":13,"unpackedSize":45564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbfA3tCRA9TVsSAnZWagAAAfAP/2m9xZV/oU8IrTfURk0g\nOy3iYVv6aP6s5vxWAhJmA0KQKKiwsyIjJCqAQMO31aEZgX6uzTBOqsRl/aGx\njZg3+2w6rRy2fDqnGFaFobeEIQ9WcwmZgx5fcFPQzAEcOEcm8LpJDlVqu4ME\nKgDE85m8TC2rP76AGofPLlACaK8GmQn0QpnLOcyVD3DgzF4ioKD9TAsIgK65\ng0k0kk9hoOCOQun47KUMhFCpOxL5XwutsdSVq0V2t0lUzOjOWCe1sDgiTKKm\nxFCYv/MkUSkzL97UbTH5HwPy+aH/Ks8Cau7ZedIUfRfq0UsAZa5+MdXo4tjI\ntjnB1qVHu6RegtrsHy4kULR7mLNAW0dRAaH2S9DUAnoV7Dt0+RwIL2HWSRxp\n34aa14prZRG3CtH6Yx3naSCc7Ba8dlStjd0Wh8xzp+owCdYFj7AbbGKk8tRf\nmsNfdPKh4A1L8nSA2D9eXiqVKL/brYJh8N/kbx4Nz+HkevOK5r8d/Ey3FC0Z\n8LoG57Aqt7UiENR9pDGl4/Cwp/Fung3o7dFD7CABmWa8OUgyrlY2b1S+VK/+\nwcedLMeMHMoXK7JSDXIR9X1TyG9eY2ZdC5SgJNnTkrzAXVhn5PdJGATMbtke\n9wz8btu1hMEfU36R6rN50Nq9eOSY7SneSfXLYt7ZUL3LROSOD6R+gB/39KBU\njdu9\r\n=2Di4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNLn/ZpCTFqvgfC9S2lY9MSQRTb6zxRqkGRHpTVSi9jQIgRCsVQbrmqg8fiHer6ZMVlKTGI8h6aW/eWCQZlGt/jaQ="}]},"maintainers":[{"name":"emn178","email":"emn178@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chartjs-plugin-labels_1.0.0_1534856684957_0.11289458950572717"},"_hasShrinkwrap":false},"1.0.1":{"name":"chartjs-plugin-labels","version":"1.0.1","description":"Chart.js plugin to display labels on pie, doughnut and polar area chart.","main":"src/chartjs-plugin-labels.js","peerDependencies":{"chart.js":"^2.6.0"},"repository":{"type":"git","url":"git+https://github.com/emn178/chartjs-plugin-labels.git"},"keywords":["chart","label"],"license":"MIT","author":{"name":"Chen, Yi-Cyuan","email":"emn178@gmail.com"},"homepage":"https://github.com/emn178/chartjs-plugin-labels","bugs":{"url":"https://github.com/emn178/chartjs-plugin-labels/issues"},"gitHead":"aa991d68c4964f09fdf1cc2807f6fdb46290e5fd","_id":"chartjs-plugin-labels@1.0.1","_npmVersion":"5.3.0","_nodeVersion":"8.2.1","_npmUser":{"name":"emn178","email":"emn178@gmail.com"},"dist":{"integrity":"sha512-qSFwugaa7Hs4mf+UpQ6RJ/X+GiwFHXJgLe2K3fsEE7wY3UFFAg+kRpyG0dBnNWXUMW7x8NwBboIikN4hmxNVTg==","shasum":"a377218ea4923719e609cde7248f8718c51dd24a","tarball":"https://registry.npmjs.org/chartjs-plugin-labels/-/chartjs-plugin-labels-1.0.1.tgz","fileCount":13,"unpackedSize":46605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhAefCRA9TVsSAnZWagAAhNUP/1ApXyKhCcqkXL5lhWeJ\neAOSxDYplnR8Sb8CBCiTJy33hpKogwXNpj6otCDWQI4JkMzC5Ea2spjDKxPE\n61p5OjwWfmPTdYEU68RzsMwRzQIJcL2R3ColL6WodPIWQTj+W+mZMrPCXx8N\nRNWC7T8Ec96zFp122FExMgFjAJpDIWETmiJq45/VW0TzLAorVTut3wuJWeiu\nLBKCBCG1wIv4Kq0VBcYU9VPhf7hw+rI8CKHLlwzEYYuydcl4rPYadLLPHndl\nUXQCklDg6mOlTpfTRaHIkMGMd7jZYLsBQKYDpGG9hV6luRJ4/PGfnntLbBpm\nxXSr0dsgcEQ1kkHMEOXWvO2ucINpg2olUjeVwD3D5x2OayJ7GdnVKxLmc6tp\nQuTzbFevQoeicM20DU+JPXVj3TFWsfBRQQJsHAWINIFrLwYrbyt9HJ5eU58T\n051fO4cYXBwVtAeSbqj7kKGtuMA5zUssyWrnYyoCAVT/+Tg4F9neQvdjrGgp\nI+LlO4fuD0tFHcg2kzdfdlfsWB+/yHqKO5cP3SLlBTgWCe42G5630aKF9iWm\naVVfgDjUrcm7y3pjIgCcqEVXrjOseQJ4v4mBmmyK5dng6YjexETGl8Rmr1fd\nUqbyH6IlLFhR4PtB2Lr5Ii5IpqkaO28XJCqh/Pqa4rt6Ql1Mp4sjv8xQUGJT\nDUVi\r\n=4bTr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDp5knvMO7DcBEViltPEgdK0eCXMf9A7Oc/niIXBEskSgIhAPaN4GMieIC0oL4lKHi7V8anHbyjokC3+e9Zn+I3vw4w"}]},"maintainers":[{"name":"emn178","email":"emn178@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chartjs-plugin-labels_1.0.1_1535379358681_0.7280144177268475"},"_hasShrinkwrap":false},"1.1.0":{"name":"chartjs-plugin-labels","version":"1.1.0","description":"Chart.js plugin to display labels on pie, doughnut and polar area chart.","main":"src/chartjs-plugin-labels.js","peerDependencies":{"chart.js":"^2.6.0"},"repository":{"type":"git","url":"git+https://github.com/emn178/chartjs-plugin-labels.git"},"keywords":["chart","label"],"license":"MIT","author":{"name":"Chen, Yi-Cyuan","email":"emn178@gmail.com"},"homepage":"https://github.com/emn178/chartjs-plugin-labels","bugs":{"url":"https://github.com/emn178/chartjs-plugin-labels/issues"},"gitHead":"379219b3f15696449dc7334476426a715318c8dc","_id":"chartjs-plugin-labels@1.1.0","_npmVersion":"5.3.0","_nodeVersion":"8.2.1","_npmUser":{"name":"emn178","email":"emn178@gmail.com"},"dist":{"integrity":"sha512-ab1oiQT7oMnpYDn6h8biL7VZM0qIxtwfhQw1+qH7xe7Ia6lBKX/ks5rEhgI6CZ4PlRRgDFGK9Mf/T2SO9l+NCA==","shasum":"3a040fa78994e8c482ca4d47426d1e894fe679f5","tarball":"https://registry.npmjs.org/chartjs-plugin-labels/-/chartjs-plugin-labels-1.1.0.tgz","fileCount":13,"unpackedSize":53492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbqK+sCRA9TVsSAnZWagAARIcQAJwnxgrrlm3fX8fIXNWh\nH+TWmEXuh9gvrLt+mYnHZ4XNwKNjhAnstjMzyzVbyfoKWZAg/vHHSRZNmU5U\no3ntM7TuLCYc//R7pyZ7EF4372TVzP4mPFR/gNS3hT5yEQxWRN3D/HSQrSz9\nhwBRPyp1x5xo7P2lCYvCbFDQNcXLsj6cxH8Hk375CEZQh9liBmvcNjXe0KC3\ncKVNl5ngV5diotqDhbzAI4np2qKIn+1mnZQKNsUNzLSyIWaSUhln5yJ3Ms7a\nLKJ82jdu9H4x+nTJ/37WcCreG3z/GCsvkXWr4KdGA2zj9SI1Qi+jqBMfEPba\ngVOkm+iNfz9oS3XyNUpmPT540bbjPAPFmHeO0CbWw5ttJafza6xpY4kUmh2e\np3mw4ThVA7ol5cktDCqWAMOwM7ysAdyJoBipC6P/pPRikz8qVraCo+z05+Qa\n0x7mHoZ8ZTmQwEgTTFb3SBnDl+qqDSqmoH87YwZSEiB7/yOu6kk5P4eDTQil\n8tyj8mWdKHJ9viFb2Hc96Y0An9qHlVN6wgQmuj6LY5RZfqjViuhwr/QyCRis\nZM0GPRBH96/wBwy+UqN+XK0vJEdwTLPFSNG1J6xP0Lw0iIEw3Rb5ATzfJMu2\nblZ+yHryqWayYYZneDIIv7WyMuZEdMgH1XWFEvg9+VN0CGYd0TgJUoqGN+XQ\nBt5r\r\n=8DRC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpSTqOvuV2jWk8b2HGv7lHETdYlwBDSesCiu06Q/n61wIhAPIlRXlsb6oCAZvHHADTgl5gvuz7dSIoXZaVBwjjW9h5"}]},"maintainers":[{"name":"emn178","email":"emn178@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chartjs-plugin-labels_1.1.0_1537781676093_0.11296025655199426"},"_hasShrinkwrap":false}},"time":{"created":"2018-08-21T13:04:44.957Z","1.0.0":"2018-08-21T13:04:45.093Z","modified":"2022-04-12T05:58:10.853Z","1.0.1":"2018-08-27T14:15:58.810Z","1.1.0":"2018-09-24T09:34:36.216Z"},"maintainers":[{"name":"emn178","email":"emn178@gmail.com"}],"description":"Chart.js plugin to display labels on pie, doughnut and polar area chart.","homepage":"https://github.com/emn178/chartjs-plugin-labels","keywords":["chart","label"],"repository":{"type":"git","url":"git+https://github.com/emn178/chartjs-plugin-labels.git"},"author":{"name":"Chen, Yi-Cyuan","email":"emn178@gmail.com"},"bugs":{"url":"https://github.com/emn178/chartjs-plugin-labels/issues"},"license":"MIT","readme":"# chartjs-plugin-labels\nChart.js plugin to display labels on pie, doughnut and polar area chart. Original Chart.PieceLabel.js\n\n## Demo\n[Demo](http://emn178.github.io/chartjs-plugin-labels/samples/demo/)\n\n## Download\n[Compress](https://raw.github.com/emn178/chartjs-plugin-labels/master/build/chartjs-plugin-labels.min.js)  \n[Uncompress](https://raw.github.com/emn178/chartjs-plugin-labels/master/src/chartjs-plugin-labels.js)\n\n## Installation\nYou can also install chartjs-plugin-labels by using Bower.\n\n    bower install chartjs-plugin-labels\n\n\nOr node.js, you can use this command to install:\n\n    npm install chartjs-plugin-labels\n\n## Notice\nv1.0.0 has breaking changes. Please see [CHANGELOG v1.0.0](https://github.com/emn178/chartjs-plugin-labels/blob/master/CHANGELOG.md#v170--2018-08-19)  \nv0.7.0 has deprecated options. Please see [CHANGELOG v0.7.0](https://github.com/emn178/chartjs-plugin-labels/blob/master/CHANGELOG.md#v070--2017-08-03)  \nv0.4.0 has breaking changes. Please see [CHANGELOG v0.4.0](https://github.com/emn178/chartjs-plugin-labels/blob/master/CHANGELOG.md#v040--2017-05-26)\n\n## Usage\nJavaScript\n```JavaScript\nnew Chart(ctx, {\n  type: type,\n  data: data,\n  options: {\n    plugins: {\n      labels: {\n        // render 'label', 'value', 'percentage', 'image' or custom function, default is 'percentage'\n        render: 'value',\n\n        // precision for percentage, default is 0\n        precision: 0,\n\n        // identifies whether or not labels of value 0 are displayed, default is false\n        showZero: true,\n\n        // font size, default is defaultFontSize\n        fontSize: 12,\n\n        // font color, can be color array for each data or function for dynamic color, default is defaultFontColor\n        fontColor: '#fff',\n\n        // font style, default is defaultFontStyle\n        fontStyle: 'normal',\n\n        // font family, default is defaultFontFamily\n        fontFamily: \"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif\",\n\n        // draw text shadows under labels, default is false\n        textShadow: true,\n\n        // text shadow intensity, default is 6\n        shadowBlur: 10,\n\n        // text shadow X offset, default is 3\n        shadowOffsetX: -5,\n\n        // text shadow Y offset, default is 3\n        shadowOffsetY: 5,\n\n        // text shadow color, default is 'rgba(0,0,0,0.3)'\n        shadowColor: 'rgba(255,0,0,0.75)',\n\n        // draw label in arc, default is false\n        // bar chart ignores this\n        arc: true,\n\n        // position to draw label, available value is 'default', 'border' and 'outside'\n        // bar chart ignores this\n        // default is 'default'\n        position: 'default',\n\n        // draw label even it's overlap, default is true\n        // bar chart ignores this\n        overlap: true,\n\n        // show the real calculated percentages from the values and don't apply the additional logic to fit the percentages to 100 in total, default is false\n        showActualPercentages: true,\n\n        // set images when `render` is 'image'\n        images: [\n          {\n            src: 'image.png',\n            width: 16,\n            height: 16\n          }\n        ],\n\n        // add padding when position is `outside`\n        // default is 2\n        outsidePadding: 4,\n\n        // add margin of text when position is `outside` or `border`\n        // default is 2\n        textMargin: 4\n      }\n    }\n  }\n});\n\n// custom render\n{\n  render: function (args) {\n    // args will be something like:\n    // { label: 'Label', value: 123, percentage: 50, index: 0, dataset: {...} }\n    return '$' + args.value;\n\n    // return object if it is image\n    // return { src: 'image.png', width: 16, height: 16 };\n  }\n}\n\n// dynamic fontColor\n{\n  fontColor: function (args) {\n    // args will be something like:\n    // { index: 0, dataset: {...} }\n    return myColorTransfer(args.dataset.backgroundColor[index]);\n  }\n}\n```\n\nSupport multiple options, eg.\n\n```JavaScript\nlabels: [\n  {\n    render: 'label',\n    position: 'outside'\n  },\n  {\n    render: 'value'\n  }\n]\n```\n\nGlobal options\n\n```JavaScript\nChart.defaults.global.plugins.labels = {\n  // ...\n};\n```\n\n### For Angular 2+\nIf you use [angular2-chartjs](https://github.com/emn178/angular2-chartjs), you can import by this:\n```\nimport { ChartModule } from 'angular2-chartjs';\nimport 'chartjs-plugin-labels';\n```\n\n## License\nThe project is released under the [MIT license](http://www.opensource.org/licenses/MIT).\n\n## Contact\nThe project's website is located at https://github.com/emn178/chartjs-plugin-labels  \nAuthor: Chen, Yi-Cyuan (emn178@gmail.com)\n","readmeFilename":"README.md"}