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
playground:plugins [2024/07/23 06:17] userplayground:plugins [2025/09/26 03:44] (current) – [ApexCharts] rahul
Line 6: Line 6:
   - backup   - backup
   - bureaucracy & pagemod   - bureaucracy & pagemod
-  - gchart +  - <del>gchart</del> 
-  - Google Authentication Plugin allows to sign in to DokuWiki using OAuth 2.0+  - <del>Google Authentication Plugin allows to sign in to DokuWiki using OAuth 2.0</del>
   - Adds a legal (or other) notice below the login form   - Adds a legal (or other) notice below the login form
   - Create a DokuWiki page from a file   - Create a DokuWiki page from a file
   - Displays a CSV file, or inline CSV data, as a table   - Displays a CSV file, or inline CSV data, as a table
   - Show PDF files using PDF.js   - Show PDF files using PDF.js
 +  - [[https://github.com/nomadjimbob/mikioplugin/wiki|https://github.com/nomadjimbob/mikioplugin/wiki]]
 +
 +===== Developer warning =====
  
 <note warning>CSV MIME type text/csv has been enabled</note> <note warning>CSV MIME type text/csv has been enabled</note>
  
-<note>Inline CSV</note> +===== Sample data ===== 
-;#; <csv playground:2kW.csv></csv> + 
-;#;+<note tip>Inline CSV</note> <csv playground:2kWy2.csv></csv> 
 + 
 +===== Datatable with include ===== 
 + 
 +<datatable page-length="20"> 
 + 
 +{{page>playground:sampledata}} 
 + 
 +</datatable> 
 + 
 +===== ApexCharts =====
  
-<note tip>ApexCharts</note>+<note tip>ApexCharts: only one y-axis is supported from CSV via JSON conversion in PHP</note>
  
 <achart url=[[https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv|https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv]] height=320px align=center> { <achart url=[[https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv|https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv]] height=320px align=center> {
-<code> 
  
 chart: { chart: {
     height: 350,     height: 350,
-    type: "line"+    type: 'line', 
 +}, 
 +stroke: { 
 +  width: 2, 
 +  curve: "smooth"
 }, },
 dataLabels: { dataLabels: {
     enabled: false     enabled: false
-}, 
-stroke: { 
-    width: 2, 
-    curve: "smooth" 
 }, },
 title: { title: {
-    text: "Solar Generation",+    text: "From web",
 } }
  
-</code> 
  
 } </achart> } </achart>
  
- +<achart url=:playground:2kWy2.csv height=320px align=center> {
- +
-<achart url=":playground:2kw.csvheight=320px align=center> {+
  
 chart: { chart: {
     height: 350,     height: 350,
-    type: "line"+    type: 'line', 
 +}, 
 +yaxis: [ 
 +  { 
 +    title: { 
 +      text: "Production" 
 +    }, 
 +  }, 
 +  { 
 +    opposite: true, 
 +    title: { 
 +      text: "Yield" 
 +    } 
 +  } 
 +], 
 +stroke: { 
 +  width: 2, 
 +  curve: "smooth"
 }, },
 dataLabels: { dataLabels: {
-    enabled: false+    enabled: true
 }, },
-stroke: { +xaxis: { 
-    width2+     type'datetime' 
-    curve"smooth"+}, 
 +legend: { 
 +    position'top'
 }, },
 title: { title: {
-    text: "Solar Generation 2",+    text: "Production (kWh)",
 } }
- 
 } </achart> } </achart>
  
 +<achart url=:playground:2kWy2.csv height=320px align=center> {
  
-<note important>Important Pie rendering correctly</note>+chart: { 
 +    height: 350, 
 +    type: 'bar', 
 +}, 
 +dataLabels: { 
 +    enabled: true 
 +}, 
 +  xaxis: { 
 +     type: 'datetime' 
 +}, 
 +legend: { 
 +    position: 'top' 
 +}, 
 +title: { 
 +    text: "Production (kWh), Yield", 
 +}
  
-<achart> {+</achart>
  
-<code> +===== Placeholder text =====
-  chart: { +
-      width: 380, +
-      type: 'pie', +
-      toolbar: { show: true,tools: { download: true } }, +
-  }, +
-  labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'], +
-  series: [44, 55, 13, 43, 22], +
-  responsive: [{ +
-      breakpoint: 480, +
-      options: { +
-          chart: { +
-              width: 200 +
-          }, +
-          legend: { +
-              position: 'bottom' +
-          } +
-      } +
-  }] +
- +
-</code> +
- +
-} </achart>+
  
 [[:playground:hypothetical_layout|hypothetical layout]] [[:playground:hypothetical_layout|hypothetical layout]]