Что использовать для создания гистограмм, линейных и круговых диаграмм с JavaScript, совместимым со всеми основными браузерами?

Question

Раньше я работал с flot , но он не поддерживает круговые диаграммы, поэтому я вынужден измениться.

Я только что увидел JS Charts , но их документация очень неясна в отношении кросс-браузерной совместимости (мне нужно, чтобы она была совместима с IE6 + :). Также это будет для коммерческого использования, поэтому я предпочел бы иметь что-то, что я могу использовать бесплатно

jQuery Google chart выглядит действительно красиво и хорошо интегрируется с рельсами (фреймворк, который я использую), но я не уверен, насколько он хорош.

Так что вы, ребята, используете? Что бы вы посоветовали иметь в виду, что:

• Это будет для коммерческого использования (я могу иметь дело с лицензией, но я бы предпочел этого)

• Это должен быть javascript (без svg, без flash, пожалуйста)

• Он должен быть совместим с IE6 + , FF, Chrome, Opera и Safari

• Это должно быть красиво ^^

• Если он использует jQuery, он еще лучше

Answer 1

Я рекомендую Raphaël — JavaScript Library.

Вот пример с круговой диаграммой: http://raphaeljs.com/pie.html

в настоящее время поддерживается Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+.

Answer 2

Может быть http://code.google.com/apis/chart/ может делать то, что вам нужно.

Answer 3

Большинство основанных на JavaScript каркасов основаны на Canvas, который не поддерживается IE. Однако есть способы заставить его работать (excanvas).

Я бы посоветовал вам держаться подальше от основанных на JavaScript сред, если вам не нужно динамически обновлять или анимировать диаграмму. В остальном, сгенерированные на стороне сервера графы проще в реализации, меньше хлопот, и вы можете найти более красивые варианты.

Мне повезло с API Google Charting, на который вы ссылались. Он довольно обширный, может производить самые разнообразные участки. Он также очень гибок, когда речь идет о стилях и цветах, поэтому легко сочетать с ним корпоративный стиль. Одним из недостатков является то, что это иногда слишком сложно для того, что вам может понадобиться. У меня были проблемы с масштабированием и маркировкой оси, но как только вы это выясните, это очень мощно. Я, конечно, рекомендую это, если у вас нет проблем с положением сторонних и вам не нужны динамические графики. Для этого есть плагин jQuery, но я сомневаюсь, что он вам понадобится, если вы сможете использовать библиотеку rails.

Еще одна схема построения диаграмм, которую я использовал, - это jFreeChart (http://www.jfree.org/jfreechart/).. Она основана на Java и имеет открытый исходный код. Графики довольно красивые и имеют много разных типов графов. Java API обширный, но документация не самая лучшая. Вы можете купить книгу у них, хотя. В моей компании мы создали довольно простую оболочку, которая позволяет нам отправлять в нее данные в формате XML и возвращать диаграмму, что делает ее совместимой практически со всеми языками.

Answer 4

Попробуйте Плагин Jquery Visualize

Еще одна интересная статья 10 лучших бесплатных javascript-диаграмм-решений

Answer 5

Всего несколько дней назад я изучал это и обнаружил http://bluff.jcoglan.com/ Блеф.

Он имеет простой API и совместим с различными браузерами. Единственным недостатком является то, что он использует пространство имен $ и, следовательно, конфликтует со многими основными JS-средами, такими как jQuery. Мой обходной путь должен был использовать jQuery.noConflict.