{"id":160623,"date":"2022-08-08T20:28:48","date_gmt":"2022-08-08T20:28:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/simple-charts\/"},"modified":"2023-04-30T01:59:17","modified_gmt":"2023-04-30T01:59:17","slug":"simple-charts","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/simple-charts\/","author":20014948,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"6.2.9","requires":"5.0","requires_php":"","requires_plugins":null,"header_name":"Simple Charts","header_author":"Ivan Messina","header_description":"Easily add charts to your wordpress website, probably the lightest plugin out there.","assets_banners_color":"91aca5","last_updated":"2023-04-30 01:59:17","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":4.3,"author_block_rating":0,"active_installs":30,"downloads":3783,"num_ratings":6,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0":{"tag":"1.0","author":"supporthost","date":"2023-04-30 01:59:17"}},"upgrade_notice":[],"ratings":{"1":1,"2":0,"3":0,"4":0,"5":5},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2768032,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2768032,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":2768032,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2768034,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2768032,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2768032,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2768032,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2768032,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2768032,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"

Create a simple bar chart<\/p>","2":"

Create a simple line chart<\/p>","3":"

Create an horizontal bar chart with multiple data point<\/p>","4":"

Create a bar chart with multiple data point<\/p>"}},"plugin_section":[],"plugin_tags":[2569,2510,2509,6640,17085],"plugin_category":[],"plugin_contributors":[212780,212781],"plugin_business_model":[],"class_list":["post-160623","plugin","type-plugin","status-closed","hentry","plugin_tags-bar","plugin_tags-chart","plugin_tags-graph","plugin_tags-line","plugin_tags-pie","plugin_contributors-jacksoggetto","plugin_contributors-supporthost","plugin_committers-supporthost"],"banners":[],"icons":{"svg":"https:\/\/ps.w.org\/simple-charts\/assets\/icon.svg?rev=2768032","icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/simple-charts_91aca5.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/simple-charts\/assets\/screenshot-1.png?rev=2768032","caption":"

Create a simple bar chart<\/p>"},{"src":"https:\/\/ps.w.org\/simple-charts\/assets\/screenshot-2.png?rev=2768032","caption":"

Create a simple line chart<\/p>"},{"src":"https:\/\/ps.w.org\/simple-charts\/assets\/screenshot-3.png?rev=2768032","caption":"

Create an horizontal bar chart with multiple data point<\/p>"},{"src":"https:\/\/ps.w.org\/simple-charts\/assets\/screenshot-4.png?rev=2768032","caption":"

Create a bar chart with multiple data point<\/p>"}],"raw_content":"\n

This plugin creates a shortcode you can use to embed charts anywhere inside WordPress. Just add the shortcode, add some options and you are done. You can see it in use on SupportHost website<\/a>.<\/p>\n\n

It loads only 1 javascript (chart.js) and only loads it on the page where you actually use the shortcode. It's so lightweight it won't impact the performances of your website at all.<\/p>\n\n

Charts are created with chart.js<\/a>, so you can hover them and read the data.<\/p>\n\n

This simple charts<\/a> plugin can be a good alternative for plugins like:\n1. ninja charts<\/a>\n2. easy chart builder<\/a>\n3. Google graph<\/a><\/p>\n\n

Usage<\/h3>\n\n

After the plugin is active, you can just add the shortcode to your pages or posts (or anywhere you can add a shortcode):\n[simple_chart type=\"bar\" name=\"mychart\" labels=\"jan, feb, mar, apr\" data=\"2,9,3,7\" label=\"First series\" color=\"#00ffff\" border=\"#000fff\" data_1=\"7,2,8,1\" label_1=\"Second series\" color_1=\"#000fff\" border_1=\"#0ff00f\"]<\/p>\n\n

Shorcode parameters:\n* type: you can decide the type of chart you want ot create. Optional, defaults to line. More on charts types below.\n* name: Optional, must be unique per page.\n* options: json of chart options as per chart.js docs<\/a>. Make sure it's all in one line.\n* labels: a list of comma separed labels.\n* data: a list of comma separed numbers. You can create data_1 for the second serie, data_2 for the third and so on. Make sure you start from 1, otherwise it won't work.\n* label: The label name for the serie. You can create label_1 for the second serie, label_2 for the third and so on. Optional, if left blank you will see \"label_#\"\n* color: The color user for the serie. If empty will default to the chart.js pink. It is recommended to give each series its own color.\n* border: The border color. If empty defaults to the color option.<\/p>\n\n

This is the minimum you can add in the shortcode to make it work:\n[simple_chart labels=\"Jan, Apr, Mar\" data=\"2,9,3\" ]<\/p>\n\n

Examples shortcodes:\n[simple_chart type=\"bar\" labels=\"2 s, 3 s, 4 s, 5 s, 6 s, 7 s\" data=\"9.6, 13, 17.1, 22.2, 27.4, 32.3\" label=\"Bounce rate %\" color=\"#e8e1fc\" data_1=\"3,4,5,1,2,7\" label_1=\"Label 1\" color_1=\"#ff00ff\" options=\"indexAxis: 'y',plugins: {title: {display: true,text: 'Bounce rate per load time', position:'bottom'}}\"]\n[simple_chart type=\"bar\" labels=\"2 s, 3 s, 4 s, 5 s, 6 s, 7 s\" data=\"9.6, 13, 17.1, 22.2, 27.4, 32.3\" label=\"Bounce rate %\" color=\"#e8e1fc\" options=\"plugins: {title: {display: true,text: 'Bounce rate per load time', position:'bottom'}}\"]<\/p>\n\n

6 Chart types<\/h3>\n\n

Supported charts types are:<\/p>\n\n

    \n
  1. Line<\/li>\n
  2. Bar Chart<\/li>\n
  3. Doughnut<\/li>\n
  4. Pie<\/li>\n
  5. Radar<\/li>\n
  6. polarArea<\/li>\n<\/ol>\n\n

    Extremely simple<\/h3>\n\n

    Just insert the shortcode, add the data and the chart will be shown.<\/p>\n\n

    Embed anywhere<\/h3>\n\n

    If you can use a shortcode in that content you can add the chart.<\/p>\n\n\n

      \n
    1. Upload easy-charts<\/code> to the \/wp-content\/plugins\/<\/code> directory<\/li>\n
    2. Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n\n

      1.0.0<\/h4>\n\n
        \n
      • Plugin released.<\/li>\n<\/ul>","raw_excerpt":"Easily add charts to your wordpress website, probably the lightest plugin out there.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/160623","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=160623"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/supporthost"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=160623"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=160623"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=160623"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=160623"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=160623"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=160623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}