Прагматичный анализ показывает, что для графического отображения большинства производственных показателей вполне достаточно обычных гистограмм, давно и упешно реализуемсых средствами html. Графики и круговые диаграммы могут понадобиться для более эргономичного представления данных:

Задача:

• Графическое отображение основных показателей производства.

Ресурсы и ограничения:

• Различные информационные системы - поставщики данных.
• Веб-браузеры на рабочих местах пользователей.
• Корпоративный стандарт (обусловленный характеристиками парка ПЭВМ) - Windows XP, Internet Explorer 8.
• Обеспечение кроссбраузерность (в разумных пределах) при отклонении от корпоративного стандарта.

Решение:

• Отказ от использования решений, основанных на возможностях html-5.
• Минимизация использования процедурных расширений Веб-браузера (JavaScript), внешних расширений и библиотек.
• в приведенном примере в демонстрационных целях внений вид диаграмм и графиков формируется с использованием JavaScript, но без внешних расширений и библиотек.
• Реализация построения графиков и круговых диаграмм средствами html.
• В графическом блоке представлены:
  

  Круговые диаграммы:
  	распределение плана по 4-м суточным сменам
  	распределение факта по 4-м суточным сменам
  	распределение брака по 4-м суточным сменам
  	соотношение годных, восстановленных, незавершенных, бракованных деталей
  	соотношение дней с опережением и отставанием от плана
  	соотношение дней с плановым техобслуживанием, внеплановыми ремонтами, использованием резервов, задела, обычных отработанных и оставшихся дней
  Циклограммы:
  	плановое техобслуживание
  	внеплановый ремонт
  	использование резервов
  	использование задела
  	обычный рабочий день
  Гистограммы и графики:
  	план выпуска
  	использовано задела
  	превышение/отклонение от плана
  	восстановлено деталей
  	выпущено годных деталей
  	отбраковано деталей
  	необходимо выпустить для выполнения плана