Using series color for legend labels

XY#legend#xy

This demo shows how we can make labels of a legend on an XY chart take the color of their corresponding series.

Code

TypeScript

legend.labels.template.events.on("dataitemchanged", function(ev) {
  const series = ev.target.dataItem.component;
  ev.target.set("fill", series.get("fill"));
});

JavaScript

legend.labels.template.events.on("dataitemchanged", function(ev) {
  var series = ev.target.dataItem.component;
  ev.target.set("fill", series.get("fill"));
});

Example

ResultJSHTMLCSSJSON

Open in:New tabChart MakerCodePenjsFiddle

Run

Using series color for legend labelsusing-series-color-for-legend-labels