Блог

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

В gRaphael вы можете добавить числовую шкалу к столбчатой диаграмме с накоплением. Это непросто, но вы будете добавлять класс axis к вашему объекту raphael.g (или «paper»). Вы будете настраивать расположение оси, чтобы она совпадала с вашим графиком (график добавит отступы снизу, сверху и по бокам). С помощью этого вы также можете добавить штрихи к оси самостоятельно.

 axis = raphael.g.axis(xposition, yposition, length, startval, endval, numberOfDashes, whichAxis);
  

Вам нужно установить «whichAxis» равным 1 для оси y и 0 для оси x. Остальное должно иметь смысл.

С точки зрения других бесплатных библиотек построения диаграмм javascript, если вас не волнует обратная совместимость со старыми браузерами, Protovis — это круто. И их новая библиотека D3 тоже довольно милая. Большая часть их материалов предполагает создание вашего собственного типа диаграммы, вместо того, чтобы они создавали библиотеку для вас, чтобы отталкиваться от нее. Это дает вам намного больше свободы.

Одна ужасная особенность gRaphael заключается в том, что он очень требователен к способам отображения объектов и не дает вам большой свободы создавать свои диаграммы такими, какие вы хотите. D3 определенно дает вам такую свободу. К сожалению, она основана на функциях HTML5 и CSS3.

JavaScript InfoVis Toolkit (JIT) мне нравится за простоту использования и красивые диаграммы.