Hi All,
We are also using Walter Zorn's jsgraphics library to draw custom shapes in our
qx application -- mainly for cross-browser diagonal lines.
It works well for this, but a limitation we have found is that it cant drawn a
subsection of graphic. So if you zoom right in to a jsgraphic line so that
only 1% of it is visible on the screen, jsgraphic will still draw the entire
graphic. In this case, a really large diagonal line could require tens of
thousands of div elements which can slow the browser down dramatically.
Simon
----- Original Message ----
From: Jim Hunter <[EMAIL PROTECTED]>
To: qooxdoo Development <qooxdoo-devel@lists.sourceforge.net>
Sent: Thursday, 11 January, 2007 8:57:24 AM
Subject: Re: [qooxdoo-devel] Graphs and Charts
I don't like this solution as you still have to do all your drawing in the
appear event of the image and if you aren't drawing on the upper left part of
the image you get a glyph for a missing image. I found no way to make the glyph
go away. And I found no way to create the jsGraphics object until after the DIV
had been written to the DOM. If you have found away around these obstacles I
would love to see them.
Following your example I tried to use an Atom instead of an Image and it worked
and I don't have a missing icon glyph. I still need to create the jsGrpahics
object in the appear event of the Atom though. Too bad there isn't a way around
that (at least I have not found one yet).
Thanks,
Jim
On 1/10/07, Bruce Bockius <[EMAIL PROTECTED]> wrote:
Actually you can just use
image = new
qx.ui.basic.Image();
image.setHtmlProperty('id','objectImage');
jscanvas = new
jsGraphics('objectImage');
qooxdoo seems to create a div around many
(all?) ui objects, so all you need to do is add an id to it so Zorn's
library can reference it.
Be aware that js.clear() works by
restoring a copy of the div's innerhtml that was made when the canvas was
created, so any changes you've made to the image will be reset.
-Bruce
From:
[EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
] On Behalf Of Jim Hunter
Sent: Wednesday, January 10, 2007 12:12
PM
To: qooxdoo Development
Subject: Re: [qooxdoo-devel]
Graphs and Charts
I have actually used
Walter Zorn's library with qooxdoo and it does work but there are some
drawbacks. You have to draw inside a DIV that already exists in the DOM. This
means that you have to use an EmbedHTML object that contains a DIV then in the
APPEAR event you put in your code to do the drawing into the DIV. I am playing
with it right now trying to create a small test for creating flow chart objects
with drag & drop support. I got a lot of it working nicely but there is a
bunch of overhead to manage when the drawing takes place. It will work but I
think there might be a better solution out there.
Jim
On 1/10/07, Dietrich
Streifert <[EMAIL PROTECTED]
>
wrote:
Yes maybe we should have a look at:
http://webfx.eae.net/dhtml/chart/demo.html
which uses canvas and IECanvas
(http://me.eae.net/archive/2005/12/29/canvas-in-ie/
)
to emulate canvas in IE. MIT License.
Another canvas emulator for IE is EXCanvas
(http://sourceforge.net/projects/excanvas/
)
which is under Apache License V2.
So with one of the canvas emulators this should work for IE6, Opera9, FireFox
1.5 ans Safari.
Sebastian Werner schrieb:
In my opinion SVG/VML/Canvas would be a better starting point. With DOM
nodes you are very limited in the possibilities of vector art.
Ciao,
Sebastian
Dietrich Streifert schrieb:
Maybe someone can have a look at Walter Zorns great JS vector library:
http://www.walterzorn.de/jsgraphics/jsgraphics.htm
This would be a good starting point for graphs and charts. The license
is LGPL. Here is an example of what can be done with jsgraphics:
function myDrawFunction(){
jg_doc.setColor("#00ff00"); /// grün/ jg_doc.fillEllipse(100, 200, 100,
180); /// Koordinaten auf document bezogen/
jg_doc.setColor("maroon"); jg_doc.drawPolyline(new Array(50, 10, 120), new
Array(10, 50, 70));
jg_doc.paint(); /// zeichnet in diesem Fall direkt in's document/
jg.setColor("#ff0000"); /// rot/
jg.drawLine(10, 113, 220, 55); /// Koordinaten auf Zeichenfläche bezogen/
jg.setColor("#0000ff"); /// blau/
jg.fillRect(110, 120, 30, 60); jg.paint();
jg2.setColor("#0000ff"); /// blau/
jg2.drawEllipse(10, 50, 30, 100); jg2.drawRect(400, 10, 100, 50);
jg2.paint();}
var jg_doc = new jsGraphics(); /// direkt in's document zeichnen/
var jg = new jsGraphics("myCanvas");var jg2 = new jsGraphics("anotherCanvas");
myDrawFunction();
Sebastian Werner schrieb:
Sorry, there is nothing like this in qooxdoo yet. Maybe someone want to
port some other cross browser VML/SVG/Canvas API to qooxdoo? ;)
Sebastian
Tobias Koller (GERMO GmbH) schrieb:
Hello,
is there a free widget to create graphs and chart statistics?
Thanks
Tobias
------------------------------------------------------------------------
-------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys - and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
-------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys - and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
--
Mit freundlichen Grüßen
Dietrich Streifert
Visionet GmbH
------------------------------------------------------------------------
-------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys - and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
-------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys - and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
--
Mit freundlichen Grüßen
Dietrich Streifert
Visionet GmbH
-------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys - and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
-------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys - and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
-------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys - and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Send instant messages to your online friends http://au.messenger.yahoo.com -------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys - and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
