{"id":152,"date":"2021-09-05T21:15:41","date_gmt":"2021-09-05T21:15:41","guid":{"rendered":"http:\/\/www.shacarah.com\/main\/?p=152"},"modified":"2022-02-26T18:12:49","modified_gmt":"2022-02-26T18:12:49","slug":"html5-canvas-js-pie-charts","status":"publish","type":"post","link":"https:\/\/www.shacarah.com\/main\/script-animations\/html5-canvas-js-pie-charts\/","title":{"rendered":"HTML5 Canvas JS Pie Charts"},"content":{"rendered":"\n<div class=\"content\" style=\"width=100%;\">\n<script src=\"https:\/\/www.shacarah.com\/Scripts\/pieChart.js\"><\/script>\n\n<!--begin chart, div id needs to be the same as chartID-->\n<div>\n<div id=\"chart1\" style=\"display: block; width=100%; background-color:#FFFFFF\"><\/div>\n<\/div>\n<script type=\"text\/javascript\">\nchartParameters = {\n chartID: \"chart1\", \/\/same as div id\n title: \"Canvas JS Chart\",\n labels: [\"Item 1\",\"Item 2\",\"Item 3\", \"Item 4\", \"Item 5\", \"Item 6\", \"Item 7\", \"Item 8\", \"Item 9\", \"Item 10\", \"Item 11\", \"Item 12\"],\n quantity: [110,30,10,15,20,20,20,30,20,15,40,30],\n radius: 200,\n colors: [\"rgba(28,117,188,1)\", \"rgba(190,30,45,1)\", \"rgba(239,65,54,1)\", \"rgba(241,90,41,1)\", \"rgba(247,148,30,1)\", \"rgba(251,176,64,1)\", \"rgba(215,223,35,1)\", \"rgba(141,198,63,1)\", \"rgba(57,181,74,1)\", \"rgba(0,148,68,1)\", \"rgba(0,167,157,1)\", \"rgba(39,170,225,1)\"], \/\/rgba or hex\n menu: true, \/\/boolean, true or false\n animation: \"none\", \/\/sweep, fade, or none\n speed: 1, \/\/animation speed\n border: \"#FFFFFF\",\n bg: \"#FFFFFF\"\n};\ncreateChart(chartParameters);\n<\/script>\n<!--end chart-->\n<!--begin chart, div id needs to be the same as chartID-->\n<div id=\"chart2\" style=\"display: block; width=100%; background-color:#FFFFFF;\"><\/div>\n<script type=\"text\/javascript\">\nchartParameters = {\n chartID: \"chart2\", \/\/same as div id\n title: \"Canvas JS Chart\",\n labels: [\"Item 1\",\"Item 2\",\"Item 3\", \"Item 4\", \"Item 5\", \"Item 6\", \"Item 7\", \"Item 8\", \"Item 9\", \"Item 10\"],\n quantity: [35,25,22,17,20,5,20,8,20,12],\n radius: 100,\n colors: [\"#034362\", \"#0C5F87\", \"#1475A4\", \"#1A8DC4\", \"#28A6E3\", \"#46B2E7\", \"#64BFEC\", \"#84C7E8\", \"#9ECDE4\", \"#BBD3DF\"], \/\/rgba or hex\n menu: true, \/\/boolean, true or false\n animation: \"none\", \/\/sweep, fade, or none\n speed: 1, \/\/animation speed\n border: \"#999999\",\n bg: \"#FFFFFF\"\n};\ncreateChart(chartParameters);\n<\/script>\n<!--end chart-->\n<div id=\"chart3\" style=\"display: block; width=100%; background-color:#FFFFFF;\"><\/div>\n<script type=\"text\/javascript\">\nchartParameters = {\n chartID: \"chart3\", \/\/same as div id\n title: \"Canvas JS Chart\",\n labels: [\"Item 1\",\"Item 2\",\"Item 3\", \"Item 4\", \"Item 5\", \"Item 6\"],\n quantity: [6,12,3,14,21,9],\n radius: 150,\n colors: [\"#32399B\", \"#71786E\", \"#509B32\", \"#A2A8A0\", \"#329B89\", \"#327B9B\"], \/\/rgba or hex\n menu: true, \/\/boolean, true or false\n animation: \"none\", \/\/sweep, fade, scale or none\n speed: 1, \/\/animation speed\n border: \"none\",\n bg: \"#FFFFFF\"\n};\ncreateChart(chartParameters);\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":153,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,6,10],"tags":[],"class_list":["post-152","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-canvas","category-script-animations","category-script-drawing"],"_links":{"self":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/152"}],"collection":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":9,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/152\/revisions"}],"predecessor-version":[{"id":510,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/152\/revisions\/510"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/media\/153"}],"wp:attachment":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/media?parent=152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/categories?post=152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/tags?post=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}