Problem to update the heatmap legend colorMap when yAxis range changed

OK i managed to get this working.

Bear in mind we haven’t considered this case of user dynamically updating HeatmapLegend and ColorMap min, max so this is a workaround. We will look at the library and see how we can handle some of these functions internally

Take a look at the codepen here.

This is the important part.

function forceRecreateHeatmapLegend(heatmapLegend, colorMap) {
  // The following is a workaround to force recalculation of colormap min, max
  // after changing properties.
  // TODO: Scichart team to review internally and see how we can expose ways
  //       to update both

  console.log(`forceRecreateHeatmapLegend(): ${colorMap.minimum}, ${colorMap.maximum}`);

  // This is the SciChartSurface on HeatmapLegend.innerSciChartSurface
  const legendSurface = heatmapLegendRef.innerSciChartSurface.sciChartSurface;
  legendSurface.yAxes.get(0).visibleRange = new NumberRange(colorMap.minimum, colorMap.maximum);

  // This is the heatmap series used on HeatmapLegend
  const legendSeries = legendSurface.renderableSeries.get(0);

  // Update its yStart, yStep, and zValues
  // TODO: SciChart Team to expose a function on heatmapLegend to update min, max
  legendSeries.dataSeries.yStart = colorMap.minimum;
  legendSeries.dataSeries.yStep = (colorMap.maximum - colorMap.minimum) / 100;
  legendSeries.dataSeries.setZValues(heatmapLegendRef.getZValues(colorMap.minimum, colorMap.maximum));
  legendSeries.colorMap = colorMap;
}

function changeColorMapRange() {
    colorMap.minimum = 50;
    colorMap.maximum = 250;
    colorMap.gradientStops = [
        { offset: 1, color: "Red" },
        { offset: 0.1, color: "Green" },
        { offset: 0, color: "Transparent" },
     ];

    // Workaround: Force recalculation of HeatmapLegend and Colormap max, min
    forceRecreateHeatmapLegend(heatmapLegendRef, colorMap);

    sciChartSurfaceRef.yAxes.items[0].visibleRange = new NumberRange(50, 250);
}; 

Changing the colorMap.gradientStops is fine because internally we react to that and update the legend which shares the same colorMap instance to the main chart heatmap series.

However, we don’t react to changing colorMap.minimum and colorMap.maximum. This requires recalculation of the heatmap legend which I’ve done above in the forceRecreateHeatmapLegend function.

The HeatmapLegend is composed of a SciChartSurface with X,Y axis and one UniformHeatmapRenderableSeries which renders the legend itself. So inside the forceRecreateHeatmapLegend function we access this series and update properties to force the rescale.

Anyway if you let me know what are the complete set of requirements you need then I can log a task to review this and ensure we handle them.

Best regards,
Andrew