2012-02-13 5 views
1

Я ищу компонент гистограммы, который поддерживает графику двух переменных по оси y: один показан в традиционном стиле «снизу вверх» , другой показано с «сверху вниз» ...Создание диаграммы Javascript с двумя переменными по оси y, один снизу вверх и один верхний вниз

Valid XHTML

Только представьте график, который показывает количество голосов в течение долгого времени для штатов США. Время отображается на оси X, то есть переменной. Один набор баров (т. Е. Переменная два) растет снизу вверх, показывая, сколько голосов было подано в этот момент времени. Другой набор баров (т. Е. Переменная три) растет сверху вниз и показывает, сколько из числа людей, получивших образование в колледже, еще не проголосовало. Таким образом, со временем, когда вы двигаетесь слева направо, вы видите, что бары растут снизу вверх, и бары, растущие сверху вниз, становятся все меньше.

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

Я просмотрел различные библиотеки JS и не нашел тот, который содержит такой компонент из коробки.

  1. Существуют ли библиотеки графических объектов JS, поддерживающие этот стиль гистограммы?
  2. Если нет, то какие библиотеки графического интерфейса JS вы обнаружили, которые легко настраиваются для поддержки такой диаграммы?

Спасибо!

+0

Я могу поместить изображение для вас, если вы прокомментируете или отредактируете ссылку на свой вопрос. –

+0

+1 для хорошего объяснения желаемого результата. Если вы разместите ссылку на свое изображение, скажем, imgur.com, мы можем отредактировать его для вас. Я не знаю, есть ли у вас то, что вы хотите, но посмотрели ли вы на [jqPlot] (http://www.jqplot.com/)? – Bojangles

+0

В Excel это «100% суммированная диаграмма». –

ответ

0

Проверить эту библиотеку: http://g.raphaeljs.com/

В основном, это позволяет рисовать любой стиль графа с JS.

1

взглянуть на высокие диаграммы. это js-плагин, который выполняет множественные диаграммы оси x и y.

 Смежные вопросы

  • Нет связанных вопросов^_^