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 09:38] – [Plugins] rahulplayground: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|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 tip>Inline CSV</note> +===== Sample data ===== 
-<csv playground:2kWy2.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: only one y-axis is supported from CSV via JSON conversion in PHP</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 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>
-+ 
-  chart: { +chart: { 
-      height: 350, +    height: 350, 
-      type: 'line', +    type: 'line', 
-  }, +}, 
-  stroke: { +stroke: { 
-    width: 2, +  width: 2, 
-    curve: "smooth" +  curve: "smooth" 
-  }, +}, 
-  dataLabels: { +dataLabels: { 
-      enabled: false +    enabled: false 
-  }, +}, 
-  title: { +title: { 
-      text: "From web", +    text: "From web",
-  }+
 } }
-</achart> 
  
  
 +} </achart>
  
-<achart url=:playground:2kWy2.csv height=320px align=center> +<achart url=:playground:2kWy2.csv height=320px align=center>
-+ 
-  chart: { +chart: { 
-      height: 350, +    height: 350, 
-      type: 'line', +    type: 'line', 
-  }, +}, 
-  yaxis: [ +yaxis: [ 
-    +  
-      title: { +    title: { 
-        text: "Production" +      text: "Production"
-      },+
     },     },
-    +  }, 
-      opposite: true, +  
-      title: { +    opposite: true, 
-        text: "Yield" +    title: { 
-      }+      text: "Yield"
     }     }
-  ], 
-  stroke: { 
-    width: 2, 
-    curve: "smooth" 
-  }, 
-  dataLabels: { 
-      enabled: true 
-  }, 
-  xaxis: { 
-       type: 'datetime' 
-  }, 
-  legend: { 
-      position: 'top' 
-  }, 
-  title: { 
-      text: "Production (kWh)", 
   }   }
 +],
 +stroke: {
 +  width: 2,
 +  curve: "smooth"
 +},
 +dataLabels: {
 +    enabled: true
 +},
 +xaxis: {
 +     type: 'datetime'
 +},
 +legend: {
 +    position: 'top'
 +},
 +title: {
 +    text: "Production (kWh)",
 } }
-</achart>+</achart> 
 + 
 +<achart url=:playground:2kWy2.csv height=320px align=center> {
  
-<achart url=:playground:2kWy2.csv height=320px align=center> +chart: { 
-+    height: 350, 
-  chart: { +    type: 'bar', 
-      height: 350, +}, 
-      type: 'bar', +dataLabels: { 
-  }, +    enabled: true 
-  dataLabels: { +}, 
-      enabled: true +  xaxis: { 
-  }, +     type: 'datetime' 
-    xaxis: { +}, 
-       type: 'datetime' +legend: { 
-  }, +    position: 'top' 
-  legend: { +}, 
-      position: 'top' +title: { 
-  }, +    text: "Production (kWh), Yield",
-  title: { +
-      text: "Production (kWh), Yield", +
-  }+
 } }
-</achart> 
  
- +} </achart>
-<c3> +
-  data: { +
-    url : 'https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv', +
-    type : 'line', +
-  } +
-</c3>+
  
 ===== Placeholder text ===== ===== Placeholder text =====