Калибровочная диаграмма с использованием D3

Я пытался создать датчик с помощью d3, и мне удалось сделать что-то, что соответствует визуальным требованиям http://bl.ocks.org/ameyms/9140907

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

Кроме того, как я могу заставить стрелку вращаться?

Есть идеи?


d3.js transformation gauge
person Amey    schedule 21.02.2014    source источник
comment
Для этого есть много примеров, например. здесь.   -  person Lars Kotthoff    schedule 22.02.2014
comment
Это очень помогло! Спасибо!   -  person Amey    schedule 22.02.2014

Ответы (1)


arrow_upward
7
arrow_downward

Для тех, кто придет сюда в поисках ответов, я создал демонстрацию датчика с использованием D3 здесь

person Amey    schedule 05.12.2014
comment
Спасибо, Эми, быстрый вопрос о вашей части датчика Deaux: как бы вы изменили датчик, чтобы он принимал источники данных, такие как данные из отчета .csv? - person Lasagna Cat; 07.04.2017
comment
@NavBowman Я не совсем уверен, как вы могли бы моделировать многомерные (csv) данные в датчик, который является одномерным. Кроме того, взгляните на zeusjs.github.io/viz /#/api/zeus.viz.directive:zsGauge - person Amey; 07.04.2017
comment
@Amey Формат данных будет .csv, но данные внутри будут одним числом. Я планирую использовать ваш датчик для мониторинга использования процессора. Причина, по которой я хочу связать датчик с .csv, заключается в том, что мой источник данных может легко анализировать отчеты .csv, даже если это будет просто одно число. - person Lasagna Cat; 07.04.2017
comment
Не могли бы вы привести пример того, как будет выглядеть ваш отчет ЦП csv? - person Amey; 07.04.2017
comment
Конечно, @Amey, дай мне несколько минут, и я приготовлю это для тебя. - person Lasagna Cat; 07.04.2017
comment
@Amey Откройте блокнот, введите 20 и сохраните его как cpuoutput.csv. По сути, это и есть мой .csv отчет. Я использую пакетный сценарий для анализа использования ЦП моей машины, и он выводит для меня отчет .csv. Я привязываю его к планировщику заданий Windows, чтобы он запускался каждые 5 минут, и он заменяет существующий отчет .csv более новой версией. - person Lasagna Cat; 07.04.2017