pomacaj

Cały dzień spędziłem na zrobieniu ładnych wykresów rysowanych dzięki JavaScript. Strona w korzysta z jQuery, które niestety nie ‘umie’ wykonać ładnych wykresów za pomocą canvas. Jest oczywiście fgCharting, które niestety działa tylko pod starą wersją jQ 1.2.2 (sic!). Google pomogło: napisało kod w javascript excanvas, czyli pomaga IE6 z tagiem <canvas> i dzięki temu jest on poprawnie wyświetlany w tej ‘przeglądarce’. Niedziałający fgCharting został zastąpiony przez PlotKit, który wykorzystuje bibliotekę MochiKit. Tu pojawił się problem, gdyż reszta elementów strony oparta jest o aktualną bibliotekę jQuery i niestety pogryzło się z MochiKit.

Nie pomogło używanie jQuery w trybie noConflict();

var $j = jQuery.noConflict();

Nadal przy generowaniu wykresów były błędy i niewyświetlało się nic. Ponieważ jQ nadal w niektórych miejscach przejmowało $. Poprawny widok pojawił się dopiero gdy zamieniłem $ na document.getElementById.

Poprawny kod:

(..)

layout.evaluate();

var chart = new SweetCanvasRenderer(document.getElementById("bar"), layout);

chart.render();