Differences

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

--- playground:plugins [2024/07/23 06:15] – user
+++ playground:plugins [2024/09/11 04:56] (current) – [Plugins] 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
+===== Developer warning =====
 <note warning>CSV MIME type text/csv has been enabled</note>
-<note>Inline CSV</note>
+===== Sample data =====
-;#; <csv playground:2kW.csv></csv>
-;#;
-<note tip>ApexCharts</note>
+<note tip>Inline CSV</note>
+<csv playground:2kWy2.csv></csv>
-<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> {
+===== Datatable with include =====
-<code>
+<datatable page-length="20">
+{{page>playground:sampledata}}
+</datatable>
-chart: {
+===== ApexCharts =====
-    height: 350,
-    type: "line"
+<note tip>ApexCharts: only one y-axis is supported from CSV via JSON conversion in PHP</note>
-},
-dataLabels: {
+<achart url=https://gist.github.com/karl257/6e799cc0d8a5e47ac11d97672a6890dc/raw/0a80ea7ff3b89d0f376aec0eff0d817550b32334/convertcsv.csv height=320px align=center>
-    enabled: false
+{
-},
+  chart: {
-stroke: {
+      height: 350,
+      type: 'line',
+  },
+  stroke: {
     width: 2,
     curve: "smooth"
-},
+  },
-title: {
+  dataLabels: {
-    text: "Solar Generation",
+      enabled: false
+  },
+  title: {
+      text: "From web",
+  }
 }
+</achart>
-</code>
-} </achart>
-<note important>Important Pie rendering correctly</note>
+<achart url=:playground:2kWy2.csv height=320px align=center>
+{
-<achart> {
-<code>
   chart: {
-      width: 380,
+      height: 350,
-      type: 'pie',
+      type: 'line',
-      toolbar: { show: true,tools: { download: true } },
   },
-  labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
+  yaxis: [
-  series: [44, 55, 13, 43, 22],
+    {
-  responsive: [{
+      title: {
-      breakpoint: 480,
+        text: "Production"
-      options: {
+      },
-          chart: {
+    },
-              width: 200
+    {
-          },
+      opposite: true,
-          legend: {
+      title: {
-              position: 'bottom'
+        text: "Yield"
-          }
       }
-  }]
+    }
+  ],
+  stroke: {
+    width: 2,
+    curve: "smooth"
+  },
+  dataLabels: {
+      enabled: true
+  },
+  xaxis: {
+       type: 'datetime'
+  },
+  legend: {
+      position: 'top'
+  },
+  title: {
+      text: "Production (kWh)",
+  }
+}
+</achart>
-</code>
+<achart url=:playground:2kWy2.csv height=320px align=center>
+{
+  chart: {
+      height: 350,
+      type: 'bar',
+  },
+  dataLabels: {
+      enabled: true
+  },
+    xaxis: {
+       type: 'datetime'
+  },
+  legend: {
+      position: 'top'
+  },
+  title: {
+      text: "Production (kWh), Yield",
+  }
+}
+</achart>
-} </achart>
+===== Placeholder text =====
 [[:playground:hypothetical_layout|hypothetical layout]]