{"id":61632,"date":"2013-04-29T19:46:30","date_gmt":"2013-04-29T19:46:30","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/enigma-chartjs\/"},"modified":"2013-04-29T20:10:34","modified_gmt":"2013-04-29T20:10:34","slug":"enigma-chartjs","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/enigma-chartjs\/","author":12149909,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"trunk","tested":"3.6.1","requires":"","requires_php":"","requires_plugins":"","header_name":"enigma chart.js","header_author":"Alexander L\u00fcken","header_description":"","assets_banners_color":"","last_updated":"2013-04-29 20:10:34","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"http:\/\/e.nigma.de\/2013\/04\/chart-js-for-wordpress\/","header_author_uri":"http:\/\/e.nigma.de","rating":0,"author_block_rating":0,"active_installs":10,"downloads":2264,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","screenshots","changelog","other_notes"],"tags":[],"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-61632","plugin","type-plugin","status-closed","hentry","plugin_committers-chemiker"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/enigma-chartjs.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>The enigma chart.js plugin offers you a simple way to include and plot your data with six different kind of graphs. The plugin itself is based on the famous <a href=\"http:\/\/www.chartjs.org\/\" title=\"Charts.js\">Chart.js library<\/a> by Nick Drownie.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Choose from six different graphs to plot your data (metric)<\/li>\n<li>Beside settings the plugins offers the full Chart.js experience (colors, labels\u2026)<\/li>\n<li>The graphs will use the default settings as given by Chart.js (For modification see the <a href=\"http:\/\/www.chartjs.org\/docs\/\" title=\"Chart.js documentation\">Chart.js documentation<\/a>)<\/li>\n<li>As Chart.js does not support legends yet, this is not included. However, this will be included in a future release<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Install the plugin via the WordPress.org plugin directory, or by uploading the extracted folder to your server<\/li>\n<li>Activate the Plugin<\/li>\n<li>See the <em>Other notes<\/em> section for usage<\/li>\n<\/ol>\n\n<!--section=faq-->\n<h4>Are there known issues?<\/h4>\n\n<p>Yes, the WP-markdown plugin is known to cause issues in form of escaping squared brackets. However, this is not caused by this plugin. Just delete the backslashes and you are done.<\/p>\n\n<!--section=screenshots-->\n<ol class='screenshots'>\n\t<li>\n\t\t<img class='screenshot' src='http:\/\/s-plugins.wordpress.org\/enigma-chartjs\/assets\/screenshot-1.png?rev=705603' alt='enigma-chartjs screenshot 1' \/>\n\t\t<p>Pie, polar and doughnut chart<\/p>\n\t<\/li>\n\t<li>\n\t\t<img class='screenshot' src='http:\/\/s-plugins.wordpress.org\/enigma-chartjs\/assets\/screenshot-2.png?rev=705603' alt='enigma-chartjs screenshot 2' \/>\n\t\t<p>Line and polar chart<\/p>\n\t<\/li>\n\t<li>\n\t\t<img class='screenshot' src='http:\/\/s-plugins.wordpress.org\/enigma-chartjs\/assets\/screenshot-3.png?rev=705603' alt='enigma-chartjs screenshot 3' \/>\n\t\t<p>Bar chart<\/p>\n\t<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial Release<\/li>\n<\/ul>\n\n<!--section=other_notes-->\n<h3 id='How-to-use'>How to use<\/h3>\n<p>The syntax itself is quite simple:<\/p>\n\n<pre><code>[chart TYPE DATA]<\/code><\/pre>\n\n<p>Current available types are: pie, bar, line, doughnut, polar and radar as provided by Chart.js. As each type of graph has different requirements there currently two groups of graphs which need different syntax for inserting data.<\/p>\n\n<p>The first group consists of the types: pie, doughnut and radar. The insertion is quite simple for these ones:<\/p>\n\n<pre><code>{VALUE:COLOR,VALUE:COLOR,VALUE:COLOR}<\/code><\/pre>\n\n<p>For each value a color will be attributed. Colors can be inserted as described in the Chart.js documentation.<\/p>\n\n<p>Your code for a pie chart would be:<\/p>\n\n<pre><code>[chart pie {58.1:#1bd081,30.17:#e0cb1e,11.73:#19a694}]<\/code><\/pre>\n\n<p>For the types line and polar things are a little bit more complicated due to the required labels. Here the data syntax consists of different elements:<\/p>\n\n<pre><code>{LABELS [fillColor;strokeColor;pointColor;pointStrokeColor|DATA||fillColor2;strokeColor2;pointColor2;pointStrokeColor2|DATA2]}<\/code><\/pre>\n\n<p>The data insertion starts with a ; separated list of the labels. Data and colors are then within squared brackets. Note the space between the labels and the first bracket. Also note that no spaces are used in LABELS or any other list of ; separated values. Spaces in labels will be a feature in future releases.<\/p>\n\n<p>A line graph, for instance, would be resulted by:<\/p>\n\n<pre><code>[chart line {1;2;3;4;5 [#FFFFFF;#CDCDCD;#CCCCCC;#000000|10;20;30;80;90||#ff3600;#CDCDCD;#000;#CCC|20;30;10;0;90]}]<\/code><\/pre>\n\n<p>The last available kind of graph is the bar chart. The syntax only slightly differs from the line or the polar graph. Here the pointColor and pointStrokeColor are not available. For instance,<\/p>\n\n<pre><code>[chart bar {1;2;3;4;5 [#FFFFFF;#CDCDCD|10;20;30;80;90||#ff3600;#CDCDCD|20;30;10;0;90]}]<\/code><\/pre>\n\n<p>would result in a bar chart.<\/p>\n<h3 id='Feedback'>Feedback<\/h3>\n<p>I'm always looking for good ideas and of course for feedback. Please see my website to find several ways to contact me.<\/p>","raw_excerpt":"Enigma chart.js offers you a simple way to include and plot your data with six different kind of graphs.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/61632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=61632"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/chemiker"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=61632"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=61632"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=61632"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=61632"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=61632"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=61632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}