Развернуть диаграмму в угловом

Я хочу, чтобы в моем приложении angular была столбчатая диаграмма, которую можно было бы развернуть до линейной диаграммы. Я думаю, что основная проблема заключается в том, чтобы иметь возможность обрабатывать событие щелчка в каждом столбце, который я не мог найти ни highchart, ни angular-chart. Вы можете мне сказать, как построить такую ​​штуку?


charts angularjs drilldown
person RezKesh    schedule 15.04.2015    source источник
comment
Это один jsfiddle.net/pablojim/Cp73s ??   -  person Reena    schedule 15.04.2015
comment
Я ничего не вижу в этой ссылке: -?   -  person RezKesh    schedule 15.04.2015

Ответы (1)


arrow_upward
6
arrow_downward

В ZingChart есть директива Angular, которая хорошо работает с вашим вариантом использования. Вы можете использовать директиву с внутренними событиями ZingChart для привязки практически ко всему на графике:

zingchart.node_click = function(p) {
  ....
}

Демо: http://jsfiddle.net/mschultz/ck84wjce/

Угловая директива: https://github.com/zingchart/ZingChart-AngularJS

Документы: http://www.zingchart.com/docs/api/api-events/

Он также может довольно легко выполнять детализацию по различным типам диаграмм: http://www.zingchart.com/blog/2014/09/02/chart-drilldown-interactive-feature/

Если вам нужна помощь, не стесняйтесь обращаться - я работаю в команде ZingChart!

person mike-schultz    schedule 15.04.2015
comment
Это бесплатно? Это открытый исходный код? - person RezKesh; 26.04.2015
comment
Это не открытый исходный код, но его можно использовать с водяным знаком. Мы предлагаем платные пакеты с поддержкой и без водяных знаков для коммерческого и корпоративного использования. - person mike-schultz; 27.04.2015