Блог

Главная - Вопросы по программированию - Рисование графиков с использованием SVG и XML

Рисование графиков с использованием SVG и XML

#xml #graph #svg

#xml #График #svg

Вопрос:

Хорошо, сразу после небольшого ввода здесь действительно о том, как лучше всего это сделать. У меня есть XML-файл, подобный этому:

 <Projects>
    <project>
        <ID>1234</ID>
        <DATE>17/05/2011</DATE>
        <TYPE>STAGE</TYPE>
    </project>
    <project>
         <ID>1234</ID>
         <DATE>19/05/2011</DATE>
         <TYPE>HOLDING</TYPE>
    </project>
 </Projects>

Из этого XML мне нужно сгенерировать столбчатую диаграмму с прямоугольником SVG для каждого «ТИПА», идущим горизонтально с датой. Если идентификатор такой же (как указано выше), то второй прямоугольник для «удержания» будет располагаться рядом с первым прямоугольником для «ЭТАПА». Длина прямоугольника будет определяться разницей в датах. Каждый отдельный проект (по идентификатору) будет иметь новую строку. График должен иметь идентификаторы по оси y и дату по оси x.

Я новичок в SVG и хотел бы знать, что люди предложили бы для построения такого графика?

Спасибо

Комментарии:

1. Нужно ли это делать с помощью SVG? simile-widgets.org имеет хороший виджет временной шкалы, который, похоже, может быть вам полезен.

2. По чему вы ищете предложения? Использовать SVG или как сгенерировать SVG из ваших данных?

Ответ №1:

Планируете ли вы, чтобы этот SVG отображался в веб-браузере?

Если да, будет ли полезна браузерная библиотека Javascript, такая как Raphael (или ее надстройка для построения графиков gRaphael)?

Raphael позволяет динамически генерировать SVG в браузере.

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