Библиотека диаграмм Javascript

Question

Я пытаюсь визуализировать данные, как в этой электронной таблице https://docs.google.com/spreadsheet/ccc?key=0AhtsNUEmDE6MdE0ybXppcG1jampsVnBfZWpEZm9vbmc.

Поэтому у меня будут столбцы для каждого человека и часов с левой стороны.И возможность раскрасить столбцы, как в электронной таблице.

Я знаю о Raphaeljs или flot ... но я не вижу в примерах того, что соответствует тому, что мне нужно.

Или, может быть, я смотрю на это неправильно.

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

Спасибо.

РЕДАКТИРОВАТЬ

http://www.saltycrane.com/blog/2010/03/jquery-flot-stacked-bar-chart-example/ Я только что нашел это ... и, похоже, все, что я описал в электронной таблице.

Спасибо за ваши ответы.

Answer 1

Посмотрите эти ссылки

• High-charts - Интерактивные JavaScript-диаграммы для ваших веб-страниц.

• Открыть Flash Chart 2 - серверная часть PHP, Perl, Python, Ruby, .NET, Google Web Toolkit и JAVA.

• Google Charts - Отображение текущих данных на вашем сайте

• zingchart - Создание диаграмм и графиков Flash или HTML5 с последними и лучшими функциями и технологиями

• pchart - pChart - это среда, ориентированная на классы PHP, предназначенная для создания алиасных диаграмм

• fusioncharts - может отображать более 90диаграммы и датчики в JavaScript (HTML5) и Flash, а также 550 карт, управляемых данными

Answer 2

Попробуйте эти:

1. http://www.highcharts.com/
2. http://www.jqchart.com/samples/ChartTypes/StackedColumn

Answer 3

Я вижу, что в вашем последнем комментарии вы обнаружили, что гистограмма с накоплением будет соответствовать вашим потребностям.Большинство библиотек JavaScript-диаграмм могут это учитывать.

На этой диаграмме показан список библиотек и поддерживаемых ими типов диаграмм - http://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks

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

Answer 4

Хм .. Я думаю, что flot на самом деле сделает все, что мне нужно: http://www.saltycrane.com/blog/2010/03/jquery-flot-stacked-bar-chart-example/ - это отличный пример и, кажется, соответствует тому, что я описал.