Heatmap

Heatmap example

This use case illustrates the use of heat maps to visualize the distribution of message reception per quarter hour over a week.

Heatmap series is described with a series: 

          
    {
      type: 'heatmap',
      data: [
        ...
      ],
    },
where each data is an array of [xAxisIndex, yAxisIndex, value]. Use ODSChartsConfiguration.getHeatmapChartConfiguration() to apply the ODS heatmap defaults.

Heatmap uses a visualMap. By default, ODSChartsVisualMapColorRangeMode.FORCE_COLOR_SET keeps colors strictly within the provided color set. Use ODSChartsVisualMapColorRangeMode.GENERATE_COLOR_RANGE if you want Apache ECharts to generate a continuous range from the first to the last color. 

var themeManager = ODSCharts.getThemeManager({
  colors: ODSCharts.ODSChartsColorsSet.SEQUENTIAL_BLUE,
  chartConfiguration: ODSCharts.ODSChartsConfiguration.getHeatmapChartConfiguration({
    visualMapColorRangeMode: ODSCharts.ODSChartsVisualMapColorRangeMode.FORCE_COLOR_SET,
  })
});

Title

Sub-Title