примеры о создании графиков SVG

Question

Мне нужно сгенерировать несколько графических символов, и я использовал pChart util сейчас. Я думаю, что теперь использовать график на основе SVG, потому что событие мыши, кажется, обрабатывается более легко.

Я видел образцы Raphael JS и библиотеку svgweb, но я не нашел примеров того, как использовать svgweb для диаграмм.

1) знаете ли вы, где я могу увидеть некоторые примеры того, как использовать svgweb для генерации диаграмм?
2) Как вы думаете, мне нужно продолжать использовать pChart или постепенно заменить его использование в моем приложении?

Answer 1

SVG Web использует Flash для рендеринга SVG в не совместимом с SVG браузере.Чтобы убедиться, что ваша SVG-графика работает для 95% Интернета, вы можете использовать SVGWeb, IE9 и все современные браузеры поддерживают SVG, поэтому вам может не потребоваться SVGweb в долгосрочной перспективе.Но есть много других библиотек, которые могут помочь здесь:

JQuery SVG: http://keith -wood.name / svggraphRef.html Protovis: http://vis.stanford.edu/protovis/

Answer 2

Если вы не , который подключен к использованию pChart, вы можете взглянуть на Google Charts API . Кажется, для них тоже есть несколько оберток php ( здесь , gchartphp и здесь ), если вы хотите использовать его таким образом.

Answer 3

Существует несколько библиотек диаграмм на основе Java.Если у вас есть поддержка Java, я бы рекомендовал использовать JFree Chart .Это открытый исходный код и широко используется в крупных проектах отчетности. JasperReports библиотека использует JFree Chart, и она очень надежна.

Она поддерживает формат векторной графики, такой как SVG.Я создал гистограммы, круговые диаграммы, двухуровневые гистограммы сравнения и трехуровневые гистограммы сравнения для своих проектов, используя JFreechart.Эта библиотека очень гибкая, чтобы удовлетворить любые требования по созданию графиков.

Answer 4

Сначала уточнение: Svgweb не генерирует диаграммы.

svgweb - это совместимость SVG совместимость .Он берет существующий SVG и обрабатывает его представление в браузерах, не поддерживающих SVG (используя умную комбинацию JS и Flash).

Итак ... для использования svgweb вам понадобятся другиесредство генерации SVG-диаграммы - на стороне сервера, на стороне клиента, Google Charts.

Я кратко посмотрел на pChart, и он, похоже, не рендерил SVG, поэтому вам нужно будет найти другой инструмент для построения диаграмм.Вот несколько примеров из интернета (возможно, есть много более жизнеспособных вариантов):

• http://www.liquidx.net/plotkit/ - SVG-диаграммы на стороне клиента
• http://www.amcharts.com/javascript- Диаграммы SVG на стороне клиента
• http://xmlgraphics.apache.org/batik/uses.html - Средство визуализации SVG на стороне сервера (вероятно, слишком низкоуровневое для ваших целей)

Хорошим учебником по svgweb является эта статья alistapart .Их пример использует существующий / ручной SVG.Ваш, вероятно, будет динамичным, но общая идея та же самая.

Все это, кроме этого, я думаю, вы должны смотреть не дальше, чем gRaphael , о котором вы упомянули.Вы получите совместимость с IE и создание диаграмм в одном элегантном пакете, а события мыши не сложны.

Большинство типов диаграмм хорошо обрабатываются из коробки, но вы всегда можете сделать что-то нестандартное с некоторой дополнительной работой, используя базовые объекты Raphael.Вы, наверное, уже видели это, но вот необходимый обзор alistapart: http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/

Answer 5

Попробуйте это один из лучших, которые я когда-либо использовал:

http://www.highcharts.com/demo/

http://www.highcharts.com

Я думаю, что это не на 100% бесплатно, но это не так дорого, и вы можете использовать некоторые из графиков там бесплатно

Answer 6

Диаграмма додзё Использование svgweb