рисуем в canvas

[stars]

Недавно прочел статейку http://htmlbook.ru/html5/canvas и тут появилась задача, сделать вывод графика. Что из себя представляет график:

Данные берутся из таблицы mysql в которой записаны даты и цены. А далее я бы хотел поинтересоваться у завсегдатаев с помощью чего лучше сделать такой график? Буду благодарен за идеи реализации...

Моя задумка пока заключается в том чтобы:

1) Получить максимальные и минимальные величины для определения границ. Отдельным запросом получу MAX(time) as maxtime, MIN(time) as mintime, MAX(price) as maxprice, MIN(price) as minprice.

2) используя moveTo(х, у) lineTo(х, у) нарисовать диаграмму...

Вот щас задумался насчет сетки диаграммы (думаю тут можно будет просто сделать подложку в виде картинки с определенным заведомо числом шагов)...

[arez]

http://raphaeljs.com/

[CEBEP]

кстати, там в сатье

# две черные горизонтальные линии;

# две черные горизонтальные линии;

Это значит что их 4?

По сабжу, не могу понять по какому поводу вопрос, сам алгоритм или в чём его реализовывать?

[stars]

кстати, там в сатье Это значит что их 4?

По сабжу, не могу понять по какому поводу вопрос, сам алгоритм или в чём его реализовывать?

В чем лучше реализовать.

http://raphaeljs.com/

Ну щас попробую накидать пример с этой библиотекой, но в опере она себя видет крайне хренова почему-то...

p.s. У меня опера вот обновилась до 11 версии вчера

[rus]

one

two

three

four

[Int]

Я бы на GD рисовал. Imagemagic какой-то марсианский слишком, а яваскрипт ещё не освоил

Ну ещё SVG можно, скоро освою.

[stars]

Ну пока получилось как то так http://www.muzzshop.ru/test/graff/index.php

Все хорошо только в опере работает в 1 случаи из 20...

[Vlad]

Ух, ты, как круто через Рафаэль выглядит график! Но в Опере да, фигня на постном масле.

[arez]

Все хорошо только в опере работает в 1 случаи из 20...

Возможно конфликт с другими js библиотеками или html кодом

Автор заявляет поддержку Opera c 9.5+

Edited December 17, 2010 by arez

[stars]

Возможно конфликт с другими js библиотеками или html кодом

Автор заявляет поддержку Opera c 9.5+

Каким еще кодом? Да и потом на сайте http://raphaeljs.com/ опера 11 ведет себя так же(проблема то не в самой библиотеке, а в скрипте сплывающего окошка)... На самом то дели меня это все устраивает полностью ибо по IE видно график нормально, а просматривать его планируют именно с него, и главное что вычисления идут не на стороне сервера(не та эта информация с которой должен сервер работать)...

Edited December 17, 2010 by stars

[s0rr0w]

Недавно прочел статейку http://htmlbook.ru/html5/canvas и тут появилась задача, сделать вывод графика. Что из себя представляет график:

Данные берутся из таблицы mysql в которой записаны даты и цены. А далее я бы хотел поинтересоваться у завсегдатаев с помощью чего лучше сделать такой график? Буду благодарен за идеи реализации...

Моя задумка пока заключается в том чтобы:

1) Получить максимальные и минимальные величины для определения границ. Отдельным запросом получу MAX(time) as maxtime, MIN(time) as mintime, MAX(price) as maxprice, MIN(price) as minprice.

2) используя moveTo(х, у) lineTo(х, у) нарисовать диаграмму...

Вот щас задумался насчет сетки диаграммы (думаю тут можно будет просто сделать подложку в виде картинки с определенным заведомо числом шагов)...

svg дешевле в разы будет.

[stars]

А как рисую в canvas сделать вертикальный текст?