Opened 5 years ago

Closed 3 years ago

#10 closed Feature (fixed)

Улучшить движок графиков

Reported by: Administrator Owned by: Administrator
Priority: major Component: Веб версия
Version: Web 2.5.0 Keywords:
Cc: Parent Tickets:

Description (last modified by Administrator)

  1. Перейти на HTML5. Проанализировать существующие движки и представить список для обсуждения.
  2. Графики должны быть кроссбраузерными включая ie(последние версии)/edge.
  3. Движок должен быть простым и легковесным, обеспечивая только нужный нам функционал, без наворотов.

В данной задачке можно абстрагироваться от текущего кода и сделать по своему.
Результат можно запускать и показывать где-нибудь тут: http://codepen.io/

Пример входных данных для круговой диаграммы. Берём вот такой массив на PHP

Array
(
    [105009] => Расходы на бизнес;47737
    [26] => Дом, семья;21211
    [1] => Еда;14358
    [3170459] => Без категории;11009
    [4] => Траты на жизнь;8102
    [12] => Здоровье, красота;7647
    [47] => Автомобиль;5869
)

И делаем из него вот такой бублик

  1. Индекс массива, это ид категории, на графике не используется.
  2. Значение - csv строчка с названием категории и суммой в копейках.

Пример входных данных для графика с динамикой.
Массив данных:

Array
(
    [0] => 2016-03;23120;9304;49582
    [1] => 2016-02;177701;12343;45715
    [2] => 2016-01;57841;11603;45715
    [3] => 2015-12;43849;12923;56313
    [4] => 2015-11;136770;9654;86850
    [5] => 2015-10;132060;9179;94000
    [6] => 2015-09;129820;13151;68000
    [7] => 2015-08;158656;13042;81840
    [8] => 2015-07;65534;11350;75176
    [9] => 2015-06;363951;12635;43000
    [10] => 2015-05;69638;7854;38000
    [11] => 2015-04;68450;7563;64000
    [12] => 2015-03;482039;7830;169214
    [13] => 2015-02;169703;6187;188600
    [14] => 2015-01;516400;7375;89848
    [15] => 2014-12;87223;6480;106000
    [16] => 2014-11;24263;5092;58000
    [17] => 2014-10;26187;6453;54350
    [18] => 2014-09;28010;5127;65000
    [19] => 2014-08;30420;5446;52000
    [20] => 2014-07;32839;5073;52300
    [21] => 2014-06;21882;4788;81303
    [22] => 2014-05;27204;5261;35500
    [23] => 2014-04;27278;5252;81000
    [24] => 2014-03;22595;4600;49592
    [25] => 2014-02;9051;4959;57884
    [26] => 2014-01;6953;4185;40834
    [27] => 2013-12;15308;3628;73465
    [28] => 2013-11;5000;0;27791
    [29] => 2013-10;0;0;0
    [30] => 2013-09;0;0;0
    [31] => 2013-08;0;0;0
    [32] => 2013-07;0;0;0
    [33] => 2013-06;0;0;0
    [34] => 2013-05;0;0;0
    [35] => 2013-04;0;0;0
    [36] => 2013-03;0;0;107228
    [37] => 2013-02;0;0;3592
    [38] => 2013-01;0;0;300000
)

Даёт картинку:

Описание csv строки:

  1. ид точки, он же ид периода, из него получается заголовок типа "Июнь 2015" при наведении на точку.
  2. Далее, поледовательно, суммы в копейках для всех линий на графике, которых может быть до 6.

При этом на графике с динамикой, сейчас доступны интерактивные элементы (на флэше) типы сдвигания периодов, расширения диапазона и т.п. При наведении на точку вверху отображаются детали - сумма, название категории. Этот функционал нужно сохранить и на HTML5.

https://www.drebedengi.ru/?module=forumMessageList&topic_id=8607

Attachments (2)

2016-04-20_20-20-20.png (26.1 KB) - added by Administrator 5 years ago.
2016-04-20_20-29-21.png (51.4 KB) - added by Administrator 5 years ago.

Download all attachments as: .zip

Change History (14)

comment:1 Changed 5 years ago by Administrator

Owner: set to Алексей
Status: newassigned

Changed 5 years ago by Administrator

Attachment: 2016-04-20_20-20-20.png added

comment:2 Changed 5 years ago by Administrator

Description: modified (diff)

Changed 5 years ago by Administrator

Attachment: 2016-04-20_20-29-21.png added

comment:3 Changed 5 years ago by Administrator

Description: modified (diff)

comment:4 Changed 5 years ago by Алексей

Работа над графиками продолжается! Определен инструментарий.

comment:5 Changed 5 years ago by Алексей

До 15 мая будут представлены результаты по графикам

comment:6 Changed 5 years ago by Алексей

Увы, работа над задачей отложена по занятости на основной работе, приношу свои извинения.

comment:7 Changed 5 years ago by Administrator

Owner: Алексей deleted

Хорошо,
Спасибо, что сообщили. Будет время - поглядывайте на список задачек.

comment:8 Changed 5 years ago by Administrator

Owner: set to Алексей

comment:9 Changed 5 years ago by Алексей

Ссылка для просмотра результатов работы
http://giper.hol.es/charts.php

comment:10 Changed 3 years ago by Administrator

Owner: changed from Алексей to Administrator
Version: Web на будущееWeb 2.5.0

comment:11 Changed 3 years ago by Administrator

Description: modified (diff)

comment:12 Changed 3 years ago by Administrator

Resolution: fixed
Status: assignedclosed
Note: See TracTickets for help on using tickets.