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();
Recent Comments