Nano Hash - криптовалюты, майнинг, программирование

Google API: мигает фоновым цветом ячейки столбца в табличной диаграмме

Можно ли мигать цветом фона ячейки в зависимости от значения. Скажем, например, в примере ниже, если зарплата больше 5000 и меньше 10000, она должна мигать красным фоном.

введите здесь описание изображения


Ответы:


1

вы можете использовать свойство ячейки таблицы className, чтобы присвоить ячейке определенный класс css.

затем просто найдите ячейки, соответствующие критериям, и назначьте класс для мерцания.

см. следующий рабочий фрагмент...

google.charts.load('current', {
  packages: ['table']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Name');
  data.addColumn('number', 'Salary');
  data.addRows([
    ['Mike', 10000],
    ['Jim', 8000],
    ['Alice', 12500],
    ['Bob', 7000]
  ]);

  // determine if salary is in blink range
  for (var i = 0; i < data.getNumberOfRows(); i++) {
    var salary = data.getValue(i, 1);
    if ((salary > 5000) && (salary < 10000)) {
      // set blink class
      data.setProperty(i, 1, 'className', 'blink-cell');
    }
  }

  var container = document.getElementById('table');
  var table = new google.visualization.Table(container);

  table.draw(data, {
    allowHtml: true
  });
});
.blink-cell {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    background-color: #ff0000;
    font-weight: bold;
  }
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="table"></div>

18.09.2019
  • ваше здоровье! не могли бы вы использовать галочку рядом с кнопками голосования, чтобы отметить ответ как принятый? 22.09.2019
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..