DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:avbarchart

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
plugin:avbarchart [2020-02-07 18:00] sherriplugin:avbarchart [2022-09-23 16:39] (current) – Make code example reflect the values used in the image johng
Line 3: Line 3:
 ---- plugin ---- ---- plugin ----
 description: Generates a simple HTML/CSS bar chart. Supports colored bars. description: Generates a simple HTML/CSS bar chart. Supports colored bars.
-author     : Sherri W. (http://SyntaxSeed.com+author     : Sherri Wheeler 
-email      : (use my website to contact me)+email      : Twitter @SyntaxSeed or http://SyntaxSeed.com
 type       : syntax type       : syntax
-lastupdate : 2020-02-07b +lastupdate : 2022-08-08 
-compatible : 2018-04-22b++compatible : 2018-04-22b+, 2020-07-29+, 2022-07-31+
 depends    :  depends    : 
 conflicts  conflicts 
 similar    :  similar    : 
 tags       : media, images, diagram, chart tags       : media, images, diagram, chart
- +downloadurl: https://github.com/syntaxseed/avbarchart/archive/master.zip 
-downloadurl: https://github.com/syntaxseed/AVBarChart/archive/master.zip +bugtracker : https://github.com/syntaxseed/avbarchart/issues 
-bugtracker :  +sourcerepo : https://github.com/syntaxseed/avbarchart
-sourcerepo : +
 donationurl:  donationurl: 
 +
 +
 +screenshot_img: https://raw.githubusercontent.com/syntaxseed/avbarchart/master/example.png
 ---- ----
  
Line 23: Line 25:
 With this plugin you can create a quick and easy bar chart on your DokuWiki page. It uses CSS and HTML only and no images needed.  With this plugin you can create a quick and easy bar chart on your DokuWiki page. It uses CSS and HTML only and no images needed. 
  
-Screenshot and info available here: [[http://syntaxseed.com/project/avbarchart/|AV Bar Chart for Dokuwiki]]. +Screenshot and info available here: [[https://github.com/syntaxseed/avbarchart]].
  
  
 ===== Syntax and Usage ===== ===== Syntax and Usage =====
-{{http://syntaxseed.com/assets/screenshots/avbarchart.png?nolink}}+ 
 +{{https://raw.githubusercontent.com/syntaxseed/avbarchart/master/example.png?nolink}} 
 <code> <code>
-<barchart>1000|A:700,B:50,C:250,D:1000</barchart>+<barchart>1000|A:500,B:50,C:250,D:1000</barchart>
 </code> </code>
   * The first value is the max number that your data set will go to.   * The first value is the max number that your data set will go to.
Line 37: Line 40:
  
 You can then use regular DokuWiki syntax to put a title above it and if needed, a legend below to describe the labels. If you make the bars wide, the labels can be full text. You can then use regular DokuWiki syntax to put a title above it and if needed, a legend below to describe the labels. If you make the bars wide, the labels can be full text.
 +
  
 ==== Colored Bars ==== ==== Colored Bars ====
Line 43: Line 47:
  
 <code> <code>
-<barchart>1000|A:700:#ff0000,B:50,C:250,D:1000</barchart>+<barchart>1000|A:500:#ff0000,B:50,C:250,D:1000</barchart>
 </code> </code>
  
Line 49: Line 53:
 ===== Installation ===== ===== Installation =====
  
-  * Plugin Manager: Paste this URL into the Plugin Manager to install AVBarChart automatically: [[https://github.com/syntaxseed/AVBarChart/archive/master.zip]]+  * Plugin Manager: Paste this URL into the Plugin Manager to install AVBarChart automatically: [[https://github.com/syntaxseed/avbarchart/archive/master.zip]] 
  
 ===== Configuration Vars: ===== ===== Configuration Vars: =====
 +
 <code> <code>
 // ********* CHART CONFIG SETTINGS ************* // ********* CHART CONFIG SETTINGS *************
Line 64: Line 70:
  
 If your barWidth is not wider than the labels, your chart will look funny. If your barWidth is not wider than the labels, your chart will look funny.
-Different colors for different bars is not supported currently.+
  
 ===== Source ===== ===== Source =====
  
-https://github.com/syntaxseed/AVBarChart+https://github.com/syntaxseed/avbarchart
  
  
Line 74: Line 80:
  
 Please submit a PR to the GitHub repo. Please submit a PR to the GitHub repo.
 +
  
 ===== Known Bugs ===== ===== Known Bugs =====
  
   * None.   * None.
 +
  
 ===== To Do ===== ===== To Do =====
  
-  * Support dokuwiki syntax inside task description.+  * Nicer style of bars. 
 +  * Use divs instead of table. 
  
 ===== Changelog ===== ===== Changelog =====
Line 96: Line 106:
     * Move to GitHub repo.     * Move to GitHub repo.
     * Add colored bars support. Contributed by ~ Gregor Anželj     * Add colored bars support. Contributed by ~ Gregor Anželj
 +  * ** 2022-08-08**
 +    * Test on 2022-07-31 "Igor".
 +    * Test and fix for PHP 8.1.
  
 ===== Comments / Discussion ===== ===== Comments / Discussion =====
Line 102: Line 115:
  
 Simple and elegant plugin. Excellent work!. ~Dmitri Simple and elegant plugin. Excellent work!. ~Dmitri
- 
- 
  
plugin/avbarchart.1581094840.txt.gz · Last modified: 2020-02-07 18:00 by sherri

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki