Как нарисовать диаграмму для отображения на странице HTML?

Question

Мне было интересно, без использования изображений, как я могу показать диаграмму на HTML-странице? От третьего лица я получаю данные с координатами, метками и т. Д. Мне нужно преобразовать это в нечто графическое. Я полагаю, что SVG выполним, но у IE есть проблемы с SVG в IE <9 ... или около того, я читаю. А как насчет холста? Проблемы? </p>

Есть ли другие варианты?

И, чтобы сделать вещи более сложными, в какой-то момент пользователи также должны иметь возможность манипулировать диаграммой. То есть перемещайте «объекты» внутри диаграммы, чтобы она выглядела «лучше».

Спасибо

Answer 1

и SVG, и canvas являются опциями, но вы, вероятно, захотите просто использовать библиотеку javascript для диаграмм без необходимости писать код SVG или canvas самостоятельно, например, Raphael, http://raphaeljs.com/

Answer 2

Я бы посоветовал проверить несколько существующих библиотек js для рисования графиков.Я перечислил их несколько здесь .

Эти библиотеки уже решили проблемы кроссбраузера и обычно совместимы со всеми браузерами вплоть до IE6.