{"id":8836,"date":"2013-03-18T17:51:24","date_gmt":"2013-03-18T08:51:24","guid":{"rendered":"http:\/\/www.softantenna.com\/wp\/?p=8836"},"modified":"2013-03-18T17:53:19","modified_gmt":"2013-03-18T08:53:19","slug":"chart-js","status":"publish","type":"post","link":"https:\/\/softantenna.com\/blog\/chart-js\/","title":{"rendered":"\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306eHTML5\u30c1\u30e3\u30fc\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u300cChart.js\u300d"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/wp\/wp-content\/uploads\/2013\/03\/blogChart.js-HTML5-Charts-for-your-website..png\" alt=\"Chart js | HTML5 Charts for your website\" title=\"Chart.js | HTML5 Charts for your website..png\" border=\"0\" width=\"560\" height=\"360\" \/><\/p>\n<p>\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306eHTML5+JavaScript\u306e\u30c1\u30e3\u30fc\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u300c<a href=\"http:\/\/www.chartjs.org\/\">Chart.js<\/a>\u304c\u516c\u958b\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u30e9\u30a4\u30bb\u30f3\u30b9\u306fMIT\u30e9\u30a4\u30bb\u30f3\u30b9\u3002<!--more--><\/p>\n<h3>\u30c1\u30e3\u30fc\u30c8\u306f6\u7a2e\u985e<\/h3>\n<p>\u63cf\u753b\u3067\u304d\u308b\u30c1\u30e3\u30fc\u30c8\u306f\u5168\u90e8\u30676\u7a2e\u985e\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/wp\/wp-content\/uploads\/2013\/03\/blogChart.js-HTML5-Charts-for-your-website.-1.png\" alt=\"Chart js | HTML5 Charts for your website 1\" title=\"Chart.js | HTML5 Charts for your website.-1.png\" border=\"0\" width=\"501\" height=\"360\" \/><\/p>\n<p>\u30e9\u30a4\u30f3\u30c1\u30e3\u30fc\u30c8\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/wp\/wp-content\/uploads\/2013\/03\/blogbar.png\" alt=\"Bar\" title=\"bar.png\" border=\"0\" width=\"478\" height=\"360\" \/><\/p>\n<p>\u30d0\u30fc\u30c1\u30e3\u30fc\u30c8\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/wp\/wp-content\/uploads\/2013\/03\/blogChart.js-HTML5-Charts-for-your-website.-2.png\" alt=\"Chart js | HTML5 Charts for your website 2\" title=\"Chart.js | HTML5 Charts for your website.-2.png\" border=\"0\" width=\"478\" height=\"360\" \/><\/p>\n<p>\u30ec\u30fc\u30c0\u30fc\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/wp\/wp-content\/uploads\/2013\/03\/blogChart.js-HTML5-Charts-for-your-website.-3.png\" alt=\"Chart js | HTML5 Charts for your website 3\" title=\"Chart.js | HTML5 Charts for your website.-3.png\" border=\"0\" width=\"478\" height=\"360\" \/><\/p>\n<p>\u30d1\u30a4\u30c1\u30e3\u30fc\u30c8<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/wp\/wp-content\/uploads\/2013\/03\/blogpolar.png\" alt=\"Polar\" title=\"polar.png\" border=\"0\" width=\"478\" height=\"360\" \/><\/p>\n<p>Polar area\u30c1\u30e3\u30fc\u30c8\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/wp\/wp-content\/uploads\/2013\/03\/blogdonut.png\" alt=\"Donut\" title=\"donut.png\" border=\"0\" width=\"478\" height=\"360\" \/><\/p>\n<p>\u30c9\u30fc\u30ca\u30c4\u30c1\u30e3\u30fc\u30c8\u3002<\/p>\n<h3>\u4f7f\u3044\u65b9\u306f\u7c21\u5358<\/h3>\n<p>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u307f\u307e\u3057\u305f\u3002\u4f8b\u3048\u3070\u30e9\u30a4\u30f3\u30c1\u30e3\u30fc\u30c8\u3092\u63cf\u753b\u3059\u308b\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/p>\n<p><!doctype html><br \/>\n<html><br \/>\n    <head><br \/>\n        <title>Line Chart<\/title><br \/>\n        <script src=\"Chart.js\"><\/script><br \/>\n        <meta name = \"viewport\" content = \"initial-scale = 1, user-scalable = no\"><br \/>\n        <style><br \/>\n            canvas{<br \/>\n            }<br \/>\n        <\/style><br \/>\n    <\/head><br \/>\n    <body><br \/>\n        <canvas id=\"canvas\" height=\"450\" width=\"600\"><\/canvas><\/p>\n<p>    <script><\/p>\n<p>        var lineChartData = {<br \/>\n            labels : [&quot;January&quot;,&quot;February&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,&quot;July&quot;],<br \/>\n            datasets : [<br \/>\n                {<br \/>\n                    fillColor : &quot;rgba(220,220,220,0.5)&quot;,<br \/>\n                    strokeColor : &quot;rgba(220,220,220,1)&quot;,<br \/>\n                    pointColor : &quot;rgba(220,220,220,1)&quot;,<br \/>\n                    pointStrokeColor : &quot;#fff&quot;,<br \/>\n                    data : [65,59,90,81,56,55,40]<br \/>\n                },<br \/>\n                {<br \/>\n                    fillColor : &quot;rgba(151,187,205,0.5)&quot;,<br \/>\n                    strokeColor : &quot;rgba(151,187,205,1)&quot;,<br \/>\n                    pointColor : &quot;rgba(151,187,205,1)&quot;,<br \/>\n                    pointStrokeColor : &quot;#fff&quot;,<br \/>\n                    data : [28,48,40,19,96,27,100]<br \/>\n                }<br \/>\n            ]<\/p>\n<p>        }<\/p>\n<p>    var myLine = new Chart(document.getElementById(&quot;canvas&quot;).getContext(&quot;2d&quot;)).Line(lineChartData);<\/p>\n<p>    <\/script><br \/>\n    <\/body><br \/>\n\n<\/pre>\n<p>\u4f7f\u3046\u306e\u3082\u7c21\u5358\u3063\u307d\u3044\u3067\u3059\u306d\u3002\u30b0\u30e9\u30d5\u304c\u8868\u793a\u3055\u308c\u308b\u3068\u304d\u306e\u6f14\u51fa\u3082\u30ab\u30c3\u30b3\u30a4\u30a4\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306eHTML5+JavaScript\u306e\u30c1\u30e3\u30fc\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u300cChart.js\u304c\u516c\u958b\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u30e9\u30a4\u30bb\u30f3\u30b9\u306fMIT\u30e9\u30a4\u30bb\u30f3\u30b9\u3002<\/p>\n","protected":false},"author":2,"featured_media":8829,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[75],"tags":[652,574,653],"class_list":["post-8836","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-chart-js","tag-html5","tag-653"],"_links":{"self":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts\/8836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/comments?post=8836"}],"version-history":[{"count":0,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts\/8836\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/media\/8829"}],"wp:attachment":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/media?parent=8836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/categories?post=8836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/tags?post=8836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}