Как добавить простой javascript для условного форматирования ячеек в табличной диаграмме в Superset - PullRequest
0 голосов
/ 05 мая 2020

Запрос функции:

Я считаю, что существует большой спрос на тип диаграммы мониторинга KPI, такой как датчик или другие формы типов визуализации KPI.

Из-за отсутствие таких диаграмм Я считаю, что для условного форматирования ячеек в таблице должна быть возможность добавить небольшой кусок javascript.

Я добавил следующий фрагмент кода в templates / superset / partials / asset_bundle . html Это правильный путь? Templates / superset / partials / asset_bundle. html

{% macro js_bundle(filename) %}
  {# HTML comment is needed for webpack-dev-server to replace assets
     with development version #}
  <!-- Bundle js {{ filename }} START -->
  {% for entry in js_manifest(filename) %}
    <script src="{{ entry }}"></script>
    <script src="override.js"></script>  |<<<<<<<<<<<<<<<
  {% endfor %}
  <!-- Bundle js {{ filename }} END -->
{% endmacro %}
{% macro css_bundle(filename) %}
  <!-- Bundle css {{ filename }} START -->
  {% for entry in css_manifest(filename) %}
    <link rel="stylesheet" type="text/css" href="{{ entry }}" />
  {% endfor %}
  <!-- Bundle css {{ filename }} END -->
{% endmacro `%}

Override. js

var table = document.getElementById("DataTables_Table_0");
var tbody = document.getElementsByTagName("tbody")[0];
var cells = document.getElementsByTagName("td");

for (var i=0, len=cells.length; i<len; i++){
    if (parseInt(cells[i].innerHTML,10) > 5){
        cells[i].className = 'red';
    }
    else if (parseInt(cells[i].innerHTML,10) < -5){
        cells[i].className = 'green';
    }
}

Где мне разместить это переопределение. js и более поздних файлов css? Это действительный способ добавления простого js для условного форматирования?

Любые предложения или помощь приветствуются

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...