Widget:Chartjs line: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| 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 24: | Line 24: | ||
mw.loader.using('ext.iswiki.chartjs').then(function(){ | mw.loader.using('ext.iswiki.chartjs').then(function(){ | ||
const ctx = document.getElementById('<!--{$ID|escape:'html'}-->'); | const ctx = document.getElementById('<!--{$ID|escape:'html'}-->'); | ||
let labels = makeItemsArray('<!--{$data_labels|default:''}-->'); | |||
new Chart(ctx, { | new Chart(ctx, { | ||
type: 'line', | type: 'line', | ||
data: { | data: { | ||
labels: [ | 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 60: | ||
}, | }, | ||
options: { | options: { | ||
responsive: true, | |||
title: { | title: { | ||
display: true, | display: true, | ||
Revision as of 10:56, 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.