Widget:Chartjs line: Difference between revisions
Jump to navigation
Jump to search
(Created page with "<noinclude>__NOTOC__ This widget allows you to add ... widget to your wiki page. Created by [idea-sketch.com idea-sketch.com] == Using this widget == For information on how to use this widget, see ... == Copy to your site == To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAM...") Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 15: | Line 15: | ||
<!--{$ID = "donut-$countDonut-$time-$randomValue"}--> | <!--{$ID = "donut-$countDonut-$time-$randomValue"}--> | ||
<div> | <div class="chart-container" style="position: relative;"> | ||
<canvas id="<!--{$ID|escape:'html'}-->"></canvas> | <canvas id="<!--{$ID|escape:'html'}-->"></canvas> | ||
</div> | </div> | ||
<script> | <script> | ||
| Line 22: | Line 22: | ||
// defer script execution until the mediawiki loader and jQuery are available | // defer script execution until the mediawiki loader and jQuery are available | ||
RLQ.push([[], function () { | RLQ.push([[], function () { | ||
mw.loader.using('ext.iswiki. | mw.loader.using('ext.iswiki.chartjs').then(function(){ | ||
const ctx = document.getElementById('<!--{$ID|escape:'html'}-->'); | const ctx = document.getElementById('<!--{$ID|escape:'html'}-->'); | ||
| Line 28: | Line 28: | ||
type: 'line', | type: 'line', | ||
data: { | data: { | ||
labels: [1500, | labels: [1500,'Test',1700,1750,1800,1850,1900,1950,1999,2050], | ||
datasets: [{ | datasets: [{ | ||
data: [86,114,106,106,107,111,133,221,783,2478], | data: [86,114,106,106,107,111,133,221,783,2478], | ||
| Line 58: | Line 58: | ||
}, | }, | ||
options: { | options: { | ||
responsive: true, | |||
title: { | title: { | ||
display: true, | display: true, | ||
Latest revision as of 11:16, 19 March 2024
This widget allows you to add ... widget to your wiki page.
Created by [idea-sketch.com idea-sketch.com]
Using this widget[edit source]
For information on how to use this widget, see ...
Copy to your site[edit source]
To use this widget on your site, just install MediaWiki Widgets extension and copy the full source code of this page to your wiki as page Widget:Chartjs line.