Chart.js - Snippets: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „== Daten manipulieren == <syntaxhighlight lang="javascript"> </syntaxhighlight>“)
 
Zeile 1: Zeile 1:
 
== Daten manipulieren ==
 
== Daten manipulieren ==
 
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
 +
// Datensatz entfernen
 +
chart.data.datasets.pop();
 +
chart.update();
 +
 +
// Daten von allen Datensätzen hinten entfernen
 +
chart.data.datasets.forEach(dataset => {
 +
  dataset.data.pop();
 +
});
 +
 +
// Datensatz hinzufügen
 +
const data = chart.data;
 +
const dsColor = Utils.namedColor(chart.data.datasets.length);
 +
const newDataset = {
 +
  label: 'Dataset ' + (data.datasets.length + 1),
 +
  backgroundColor: Utils.transparentize(dsColor, 0.5),
 +
  borderColor: dsColor,
 +
  data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),
 +
};
 +
chart.data.datasets.push(newDataset);
 +
chart.update();
 
</syntaxhighlight>
 
</syntaxhighlight>

Version vom 24. Januar 2022, 12:09 Uhr

Daten manipulieren

// Datensatz entfernen
chart.data.datasets.pop();
chart.update();

// Daten von allen Datensätzen hinten entfernen
chart.data.datasets.forEach(dataset => {
  dataset.data.pop();
});

// Datensatz hinzufügen
const data = chart.data;
const dsColor = Utils.namedColor(chart.data.datasets.length);
const newDataset = {
  label: 'Dataset ' + (data.datasets.length + 1),
  backgroundColor: Utils.transparentize(dsColor, 0.5),
  borderColor: dsColor,
  data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),
};
chart.data.datasets.push(newDataset);
chart.update();