I would like to inquire about how to apply a legend to a ColorGrid chart.

[yk.kim]

I would like to inquire about how to apply a legend to a ColorGrid chart as shown in the attached image.
thank you.

[Yeray]

Hello,

The simplest way could be adding a dummy Line series to draw those items in the legend.
Add the Line series before adding the ColorGrid:

Code: Select all

  var line = Chart1.addSeries(new Tee.Line());
  line.data.values = [1200, 1150, 1100, 1050, 1000, 950, 900];
  line.colorEach = "yes";

Tune the legend and the left axis:

Code: Select all

  Chart1.legend.legendStyle="values";
  Chart1.legend.symbol.height = 18;
  Chart1.legend.symbol.format.stroke.fill = "";
  Chart1.axes.left.setMinMax(0, 100);

Use the warm palette:

Code: Select all

Chart1.applyPalette("warm");

firefox_hi5roHNNQI.png (5.81 KiB) Viewed 12449 times

The alternative would be to draw the legend manually.