Мне нужно создать тепловую карту со сгруппированными категориями, как показано на рисунке ниже.
На данный момент я смог достичь только следующих функций.
Ссылка на мой кодовый указатель https://codepen.io/DukeBoy200/pen/xmpYxo?editors=1010#0. Проблема с тем, что я делал до сих пор, состоит в том, что у него есть только одна общая цветовая ось для всех строк во всех трех категориях.Но мне нужно сгруппировать ось цвета по каждой отдельной строке в каждой категории.Я имею в виду, что цвет выделения прекращается, о котором я упоминал в коде:
[0, '#00FF00'],
[0.3, '#ADFF2F'],
[0.6, '#FFFFCC'],
[1, '#FFFF00']
должен применяться для каждой отдельной строки в категории вместо всей тепловой карты.Проще говоря, я хочу иметь диапазон нагрева для одного значения в одной сгруппированной категории.Например, The heat range for the value 'A' for the grouped category 'I' is 4.99 to 7.78 (4.99, 5.68, 5.92 and 7.78).
Попробовав разные подходы, я не понял, что нет прямого пути, и я не могу настроить существующие свойства для достижения желаемой функциональности.
Поэтому я подумал о реализации одной тепловой карты для каждой отдельной категории.Но проблема с этим подходом состоит в том, что я бы в конечном итоге имел разные цветовые оси для каждой отдельной тепловой карты.Я уже прошел через ответ, чтобы иметь одну цветовую ось для нескольких тепловых карт, Highcharts: несколько тепловых карт с общей цветовой полосой , но я не мог понять, как я могу использовать это в моем случае.
Может кто-нибудь предложить мне другой подход для достижения моей функциональности?