Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
playground:plugins [2024/07/23 06:17] – user | playground:plugins [2025/09/26 03:44] (current) – [ApexCharts] rahul | ||
---|---|---|---|
Line 6: | Line 6: | ||
- backup | - backup | ||
- bureaucracy & pagemod | - bureaucracy & pagemod | ||
- | - gchart | + | - <del>gchart</ |
- | - 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</ |
- 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:// | ||
+ | |||
+ | ===== Developer warning ===== | ||
<note warning> | <note warning> | ||
- | < | + | ===== Sample data ===== |
- | ;#; <csv playground:2kW.csv></ | + | |
- | ;#; | + | < |
+ | |||
+ | ===== Datatable with include ===== | ||
+ | |||
+ | < | ||
+ | |||
+ | {{page> | ||
+ | |||
+ | </ | ||
+ | |||
+ | ===== ApexCharts ===== | ||
- | <note tip> | + | <note tip> |
<achart url=[[https:// | <achart url=[[https:// | ||
- | < | ||
chart: { | chart: { | ||
height: 350, | height: 350, | ||
- | type: "line" | + | type: 'line', |
+ | }, | ||
+ | stroke: { | ||
+ | width: 2, | ||
+ | curve: " | ||
}, | }, | ||
dataLabels: { | dataLabels: { | ||
enabled: false | enabled: false | ||
- | }, | ||
- | stroke: { | ||
- | width: 2, | ||
- | curve: " | ||
}, | }, | ||
title: { | title: { | ||
- | text: "Solar Generation", | + | text: "From web", |
} | } | ||
- | </ | ||
} </ | } </ | ||
- | + | <achart url=: | |
- | + | ||
- | <achart url=": | + | |
chart: { | chart: { | ||
height: 350, | height: 350, | ||
- | type: "line" | + | type: 'line', |
+ | }, | ||
+ | yaxis: [ | ||
+ | { | ||
+ | title: { | ||
+ | text: " | ||
+ | }, | ||
+ | }, | ||
+ | { | ||
+ | opposite: true, | ||
+ | title: { | ||
+ | text: " | ||
+ | } | ||
+ | } | ||
+ | ], | ||
+ | stroke: { | ||
+ | width: 2, | ||
+ | curve: " | ||
}, | }, | ||
dataLabels: { | dataLabels: { | ||
- | enabled: | + | enabled: |
}, | }, | ||
- | stroke: { | + | xaxis: { |
- | width: 2, | + | type: ' |
- | | + | }, |
+ | legend: { | ||
+ | | ||
}, | }, | ||
title: { | title: { | ||
- | text: "Solar Generation 2", | + | text: "Production (kWh)", |
} | } | ||
- | |||
} </ | } </ | ||
+ | <achart url=: | ||
- | <note important> | + | chart: { |
+ | height: 350, | ||
+ | type: ' | ||
+ | }, | ||
+ | dataLabels: { | ||
+ | enabled: true | ||
+ | }, | ||
+ | xaxis: { | ||
+ | type: ' | ||
+ | }, | ||
+ | legend: { | ||
+ | position: ' | ||
+ | }, | ||
+ | title: { | ||
+ | text: " | ||
+ | } | ||
- | < | + | } </achart> |
- | < | + | ===== Placeholder text ===== |
- | chart: { | + | |
- | width: 380, | + | |
- | type: ' | + | |
- | 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: ' | + | |
- | } | + | |
- | } | + | |
- | }] | + | |
- | + | ||
- | </ | + | |
- | + | ||
- | } </ | + | |
[[: | [[: |