Библиотека Javascript для интерактивной гистограммы? - PullRequest
4 голосов
/ 23 февраля 2011

Мне нужен инструмент построения диаграмм Javascript, чтобы построить гистограмму, которая позволит мне щелкнуть по гистограмме и получить другую диаграмму (во всплывающем окне или под первой диаграммой). Мне нужна гистограмма, которая запускает событие, давая мне какой-то идентификатор столбца, по которому щелкнули.

Dettails

Данные для первого графика должны загружаться с помощью ajax при загрузке страницы, а данные для второго графика - при нажатии на один из столбцов.

пример: График с одним баром для марта и одним баром для апреля, когда вы нажимаете на мартовскую панель, вы получаете второй график (ниже или во всплывающем окне) с двумя столбцами: один для 12/03/2011, а другой для 23/03/2011.

Всего расходов: Март 1200 300 апреля

Всего расходов за март: 12/03/2011 1000 23/03/2011 200

Всего расходов за апрель: 16/04/2011 10 21/04/2011 290

Ответы [ 6 ]

5 голосов
/ 23 февраля 2011

Еще один вариант, если вы уже используете jQuery: Flot .

Типы графиков: flot graph type example

Взаимодействие: flot interaction example

Нажмите на изображение, чтобы увидеть фактическую демонстрацию.

2 голосов
/ 04 июля 2012

D3.js очень впечатляет и отображает красивые графики.Проверьте их много хороших примеров на сайте:

enter image description here

Это бесплатно и поставляется с лицензией BSD

2 голосов
/ 23 февраля 2011

Highcharts позволяет настраивать обработчики "щелчка" для отдельных точек или всей серии.

1 голос
/ 23 февраля 2011

См. gRaphaël - масштабируемые векторные диаграммы, которые работают в Firefox, Safari, Chrome, Opera и даже Internet Explorer 6+.

1 голос
/ 23 февраля 2011

Оформление заказа http://www.jqplot.com/

Он не делает все, что вам нужно, из коробки, но если вы расширите класс Cursor, я думаю, вы сможете получить ту функциональность, которую искали.

http://www.jqplot.com/docs/files/plugins/jqplot-cursor-js.html#$.jqplot.Cursor

0 голосов
/ 17 декабря 2012

Flotr2 - существенно улучшенная вилка Flot.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...