Изменить цвета группы по умолчанию в визуализациях Zeppelin

Question

У меня есть куча данных, которые я помещаю в диаграмму рассеяния, но по умолчанию порядок цветов - «синий», «светло-синий», а затем, наконец, «оранжевый».Мои данные поступают в две группы, с постоянными именами групп, и неважно, что я делаю, они всегда синие и светло-синие.Что НЕ способствует хорошей визуализации.

До сих пор я не нашел способа изменить порядок цветов или задать конкретные цвета для известных групп.Я также не смог изменить цвета, добавив фиктивную группу (из одного элемента) и поиграв с порядком в выражении SQL.

Любая помощь?

Answer 1

Вот обходной путь для этой недостающей функции Zeppelin.

Диаграммы в Zeppelin основаны на nvd3 (который в свою очередь использует библиотеку D3).Поскольку Zeppelin просто не заботится о цветах, он всегда будет использовать значение по умолчанию nvd3, которое определено в функции utils.js nv.utils.defaultColor.

Итак, чтобы изменитьЦветовая схема, вы можете просто переопределить эту функцию.Попробуйте следующий код JavaScript в консоли вашего браузера.Доступные цветовые схемы см. В документации API (обратите внимание, что Zeppelin по-прежнему использует старую версию 3.x D3 3.x).

nv.utils.defaultColor = function() { 
    return nv.utils.getColor(d3.scale.category10().range());
}

Оставшаяся проблема заключается в том, как добавить постоянноэто для вашего экземпляра Zeppelin, который зависит от вашей среды.Достаточно добавить приведенный выше код в конец вашего index.html, однако это включает в себя изменение файла zeppelin-web-x.y.z.war.

В конце, с кодом выше, вы получите что-то вроде этого.