Идеи HeatMap или ColumnChart для мультикатегории данных о времени и дате

Question

Я хочу создать график, как на картинке ниже Каждая точка имеет значение x, значение, cat1, cat2

Ось X для данных DateTime Ось Y может быть Категории cat1. Я хочу cat2 в качестве подкатегории / в качестве аналогии это может быть серия старших диаграмм

Пожалуйста, не предлагайте брать декартово произведение cat1 cat2 и отображать одну категорию, потому что это заполняет график и теряет функциональность для выбора через cat2

Cat1 и cat2 не связаны друг с другом. Просто представьте, что это 2 тега enum для каждой точки данных.

Например, для ежедневных данных о проданных автомобилях, Cat1 = [Хэтчбек, седан ...], Cat2 = [Желтый, Красный, Зеленый] и т. Д.

Это очень простой случай, и мне трудно поверить, что старшая диаграмма не может позволить мне сделать это. я уверен, что что-то упустил. Буду очень признателен за любые примеры или помощь, так как я уже попробовал несколько подходов и потратил значительное количество времени

Идея не в том, чтобы иметь смесь серий столбцов или серий тепловых карт. я в порядке с одинаковым типом для всех серий, я лично предпочел бы решение тепловая карта

Answer 1

Вы можете создать две отдельные heatmap диаграммы, каждая из которых содержит две строки данных:

Highcharts.chart('container', {
    ...,
    xAxis: {
        type: 'datetime',
        visible: false
    },
    series: [{
        type: 'heatmap',
        data: [
            [0, 0, 10],
            [1, 0, 19],
            [2, 0, 8],
            [3, 0, 24],
            [4, 0, 67],
            [0, 1, 92],
            [1, 1, 58],
            [2, 1, 78],
            [3, 1, 117],
            [4, 1, 48]
        ],
        ...
    }]
});

Highcharts.chart('container2', {...});

Демонстрационная версия: https://jsfiddle.net/BlackLabel/jLbvw43z/

Документы: https://www.highcharts.com/docs/chart-and-series-types/heatmap