mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-06 20:29:12 +02:00
66ee0fecaf
* Generate API docs with vuepress-plugin-typedoc * Links, fixes, cleanup * Convert bar samples to Vuepress * Some line chart samples moved over * Fix lint issues * Derived axis type sample * LineAreaStacked chart created in vuepress * added radar area axample * Line dataset added sample * final area example added * Add derived-chart-type * Bar scriptable sample * Scriptable samples * Clean lint errors * added linear axis samples to vuepress * change tab to spaces to fix lint error * Convert the rest of the scale samples * Scale option samples * Fix typo * Fixes * Legend samples * Title samples * Change the title of the tip block to Note (#8758) * Convert bar samples to Vuepress * Some line chart samples moved over * Fix lint issues * Derived axis type sample * LineAreaStacked chart created in vuepress * added radar area axample * Line dataset added sample * final area example added * Add derived-chart-type * Bar scriptable sample * Scriptable samples * Clean lint errors * added linear axis samples to vuepress * change tab to spaces to fix lint error * Convert the rest of the scale samples * Scale option samples * Fix typo * Fixes * Legend samples * Advanced samples * Remove extra section * Animation samples * Hide legend from progressive line * Add a comment on what `from` does * Tooltip samples * Ädd other charts to vuepress samples * enable plugin again since all samples have been converted * fix skip radar example, middle skip was not calculated correctly * lint error * Progressive-line: add 2nd line * Fix lint errors Co-authored-by: Jukka Kurkela <jukka.kurkela@gmail.com> Co-authored-by: Jacco van den Berg <jaccoberg2281@gmail.com> Co-authored-by: Jacco van den Berg <39033624+LeeLenaleee@users.noreply.github.com>
61 lines
1.4 KiB
JavaScript
61 lines
1.4 KiB
JavaScript
export default {
|
|
id: 'samples-filler-analyser',
|
|
|
|
beforeInit: function(chart, args, options) {
|
|
this.element = document.getElementById(options.target);
|
|
},
|
|
|
|
afterUpdate: function(chart) {
|
|
var datasets = chart.data.datasets;
|
|
var element = this.element;
|
|
var stats = [];
|
|
var meta, i, ilen, dataset;
|
|
|
|
if (!element) {
|
|
return;
|
|
}
|
|
|
|
for (i = 0, ilen = datasets.length; i < ilen; ++i) {
|
|
meta = chart.getDatasetMeta(i).$filler;
|
|
if (meta) {
|
|
dataset = datasets[i];
|
|
stats.push({
|
|
fill: dataset.fill,
|
|
target: meta.fill,
|
|
visible: meta.visible,
|
|
index: i
|
|
});
|
|
}
|
|
}
|
|
|
|
this.element.innerHTML = '<table>' +
|
|
'<tr>' +
|
|
'<th>Dataset</th>' +
|
|
'<th>Fill</th>' +
|
|
'<th>Target (visibility)</th>' +
|
|
'</tr>' +
|
|
stats.map(function(stat) {
|
|
var target = stat.target;
|
|
var row =
|
|
'<td><b>' + stat.index + '</b></td>' +
|
|
'<td>' + JSON.stringify(stat.fill) + '</td>';
|
|
|
|
if (target === false) {
|
|
target = 'none';
|
|
} else if (isFinite(target)) {
|
|
target = 'dataset ' + target;
|
|
} else {
|
|
target = 'boundary "' + target + '"';
|
|
}
|
|
|
|
if (stat.visible) {
|
|
row += '<td>' + target + '</td>';
|
|
} else {
|
|
row += '<td>(hidden)</td>';
|
|
}
|
|
|
|
return '<tr>' + row + '</tr>';
|
|
}).join('') + '</table>';
|
|
}
|
|
};
|