flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Peter Ent <p...@adobe.com>
Subject [FlexJS] Graphics
Date Fri, 17 Oct 2014 16:59:46 GMT
Over the past month or so, the FlexJS graphics package (flex.core.graphics) has been added
and the FlexJS chart package (flex.charts) has incorporated the graphics package.

The result of using the graphics package is a great deal of <svg> elements (on the JavaScript
side, of course) get created. For example, if a column chart has 100 bars, each bar is a separate
<svg>+<rect> combination. If the chart has two series, then that would be 200
bars. A line chart could easily have a thousand points and an equal number of <svg>
elements (for the record, a LineChart can have an itemRenderer for each point and a single
line path to connect them).

I am wondering if there might be a more efficient way to do this. The flex.core.graphics package
now has a GraphicsContainer which has functions to draw rects, circles, paths, etc. This results
in a single <svg> with different drawing elements. Imagine if a chart were to do this,
so that there would be one <svg> and a couple hundred <rect> paths.

Does anyone have any thoughts on this and would SVG be used more efficiently this way?

Peter Ent
Adobe Systems

  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message