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