Hi Erki. What you're doing is getting pretty far afield from the built
in capabilities of the charting package. In Beta3, you're stuck using
the default AxisRenderer, which means you have to use the capabilities
of the default AxisRenderer. In the next public drop of the charting
components, you'll be able to swap in your own AxisRenderer.
Writing a full featured axis renderer like the one that ships with flex
is fairly complicated. But writing a one-off axis renderer, that
implements a specific design, isn't too complicated (and from the looks
of what you've done already, I'm pretty certain you've got the chops for
it).
So my suggestion would probably be...when you get the next version of
the charting components, write a custom axis renderer for your
horizontal and vertical axes, to get exactly the look and feel you want.
However, if you want to do it in the meantime, you could:
1) assign a label function to your horizontal axis, and return marked up
HTML that splits the labels onto two lines and styles them differently.
I believe that should work.
2) write a custom chart component that implements the gridlines you
want. The gridlines that appear in a chart by default are really just
another charting component that gets inserted, by default, into the
'backgroundElements' property of the chart. If you stick your own
components in there, they'll replace the default. I can help talk you
through writing this component if you want.
3) by default, charting components only render in the data area of the
chart. But technically, you could have them render outside the data area
(i.e., under the vertical labels). To do that, you'll have to tell the
chart to stop clipping its children. Set the clipContent property of
the chart to false.
Ely.
-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED] On
Behalf Of Erki Esken
Sent: Wednesday, May 31, 2006 2:10 PM
To: [email protected]
Subject: [flexcoders] Extending chart gridlines behind axis labels, and
more
Hi,
I'm trying to customize column chart to look like this mockup:
http://esken.net/temp/flex/colchart_mockup.png
And I'm quite close:
http://esken.net/temp/flex/colchart_flex_test.png
I need some help though...
How can you extend the background lines to the very left side of chart,
so vertical axis labels would be on the lines?
How to make every 5th line gray? I tried to use GridLines background
element horizontalChangeCount and horizontalFill but that didn't work
like expected.
Then how would you go about adding the gradient behind horizontal axis
labels?
And how to customize the axis labels to be on two lines with different
font size like on mockup?
--
Erki
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives:
http://www.mail-archive.com/flexcoders%40yahoogroups.com
Yahoo! Groups Links
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
SPONSORED LINKS
| Web site design development | Computer software development | Software design and development |
| Macromedia flex | Software development best practice |
YAHOO! GROUPS LINKS
- Visit your group "flexcoders" on the web.
- To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
- Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
