Flex Charts – showDataTips Vs showAllDataTips

showDataTips is a property on the chart that activates an on-demand display of data-tips on the chart that gets activated only when the mouse is placed over the data point. Setting the property to true yields a result as below…

And the code looks like this…

<mx:PieChart id=”myChart” dataProvider=”{expenses}” showDataTips=”true” >
<mx:series>
<mx:PieSeries field=”Amount” nameField=”Expense”/>
</mx:series>
</mx:PieChart>
<mx:Legend dataProvider=”{myChart}”/>

With showAllDataTips set to true the data-tips for all data points show up de-facto on the chart. Though this might be too much information on screen sometimes, it works well in other situations as this one. It also obviates the need for legends in the chart, if used tastefully

The code is as below…

<mx:PieChart id=”myChart” dataProvider=”{expenses}” showAllDataTips=”true” >
<mx:series>
<mx:PieSeries field=”Amount” nameField=”Expense”/>
</mx:series>
</mx:PieChart>

Advertisements

3 Responses to Flex Charts – showDataTips Vs showAllDataTips

  1. Mike Britton says:

    You may want to mention this is for Flex 3. showAllDataTips isn’t a valid attribute for Flex 2 charts.

  2. Steve says:

    It would be really nice to let the user selectively leave data tips up. Say we have a scatter plot (CartesianChart) with 300 points, it would be really cluttered to enable data tips for all points. The user wants to be able to ctrl-click (or some other mechanism) and leave data tips up for specific points. Then they could ctrl-click data tips again to remove them.

  3. Steve says:

    I was thinking about the user interaction a bit more. I don’t think that ctrl-click is as good as having a visual cue on the border of the data tip that would let the user click to “pin” the data tip to the chart. After pinning the same spot on the frame would let the user un-pin the data tip. This sounds more like a feature request for Flex charts but if this is possible in Flex 3 with a little coding that would be great!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s