Differences

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

--- playground:plugins [2024/07/23 09:38] – [Plugins] rahul
+++ playground:plugins [2025/09/26 03:44] (current) – [ApexCharts] rahul
@@ Line 6: / Line 6: @@
   - backup
   - 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
   - Create a DokuWiki page from a file
   - Displays a CSV file, or inline CSV data, as a table
   - 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 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>
-<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 =====