DataTips in flex charting are a poorly documented and little-understood feature.There are three parts, the DataTip (by default a box with text inside), the DataTipTarget (default bulls-eye circle over the series' point), and the Callout (the line from dataTipTarget to DataTip box).How are these three elements created/drawn and how can they be customized?
View 1 RepliesHow can I customize my barchart datatips in flex? The transparent background of them is too dark to see any of the text in them.
View 1 RepliesFlex charts, like AreaChart, have wonderful built-in support for displaying data "tool tips" when a user hovers over a point supplied in the data of a graph. You can hover over any of the bar graph examples on this page for a demonstration. I have a graph situation where I optionally draw in some dots as reference points on CartesianDataCanvases supplied to my AreaChart through it's <mx:annotationElements> and <mx:backgroundElements> tags.
I would like to have the same hover data-tip functionality that the AreaChart has, but applied to these dots. I realize that I am just drawing on canvas, and that no actual dataProvider supports these dots, but if there was a way to supply the CartesianDataCanvas with an array of data values or something to that effect,
how can i apply styleSheet to datatips of ColumnChart control in flex?
View 1 RepliesI assume I need to override the mouse over and mouse off event so that they don't do anything and then trigger the mouse over event for each column on the graph.
View 2 RepliesI have a line chart with a column chart as a secondary series. When I roll over the line, the datatips appear. However, if I move the mouse to a spot where a column appears while still on the line, the data tip item appears for the line AND the column. How do I get it so that I only show datatips for the line but not the column?
[Code]...
I wrote a function to override y FLEX LineChart's datatips because the default datatips were ugly and rather boring.I finally set the style I wanted but am now having some problems removing un-necessary tags from being displayed in the custom datatips.For example, the datatips now display things like this:
"<b>Humidity</b></BR>2010-07-05T00:15:00"
I can always perform a "Replace()" to remove those break and bold HTML tags, but that seems really un-necessary and anti-development.I am using this to set the dataTip's label text:
var hd:HitData = value as HitData;
var item:LineSeriesItem = hd.chartItem as LineSeriesItem;
_xAxisText = String(hd.displayText + ' ' + item.xValue);
[code].....
My PieChart has a dataTipFunction property
My PieSeries has a labelFunction property
I would like my dataTipFunction to return the same string that my labelFunction returns.
Example, I would like my dataTipFunction to return:
return [whateverMyLabelFunctionReturned] + someExtraStuffThatIAdd
name some API for charting in flex except AmChart.I want a good API as i am facing too much problem with AmChart API.
View 1 RepliesDo you have any recommendation for a free 3D charting library in Flex. To be more precise, I only need to draw surface (for now). Basically, I just need a chart that displays three axes (one should be timeline, and two should be linear axises) and the surface.
From what I have seen so far, two most popular free Flesh 3D libraries are Papervision3D and Away3D. Also, I've found one IBM library - ILOG Elixir that looks really nice, but it's proprietary (although, I haven't seen any surface examples for Elixir neither). From what I have seen, Papervision3D and Away3D should do much more then 3D charting, but I haven't seen any examples on how to draw surfaces in any of them (except this line chart in 3D: [URL]
Do you have any recommendation for a free 3D charting library in Flex. To be more precise, I only need to draw surface (for now). Basically, I just need a chart that displays three axes (one should be timeline, and two should be linear axises) and the surface.
From what I have seen so far, two most popular free Flesh 3D libraries are Papervision3D and Away3D. Also, I've found one IBM library - ILOG Elixir that looks really nice, but it's proprietary (although, I haven't seen any surface examples for Elixir neither).
From what I have seen, Papervision3D and Away3D should do much more then 3D charting, but I haven't seen any examples on how to draw surfaces in any of them (except this line chart in 3D: [URL]..So, if anyone has a link to a documentation or some examples that would be great. Also, I'm interested to hear your opinion and recommendations on this topic.
I want to emulate the datatip feature on google finance here URL...whereas the datatip does not appear over the chart when you hover over, but instead is anchored in the top right header of the chart. How do I go about doing this? Thx in advance!
View 1 RepliesI am trying to create some charts in Flex/FlashBuilder 4.5The issue I have it that the information I wish to display is the number of events within an area. I am using HTTP service to access a rails controller which is returning an XML list of the events.I need to figure out how to chart the number of events, eg number of records returned. There is no numeric value within chart, as there would be if I was charting sales or prices for example.
View 1 RepliesI'm relatively new to flex, and I'm developing a web app that needs to plot relatively large data sets (e.g. 20,000 pts divided among 8 separate curves) in a line chart. Flex built-in chart components render too slowly.Would javascript line chart render faster than Flex line chart? If so, is it possible to use a javascript-based charting solution instead of flex component, within the Flex application? Or, is this an impractical (or crazy) idea? Anyone doing this out there? How simple or complex is it?I'm hoping it's relatively easy to integrate a pre-developed solution like EST JS, HighCharts, etc. to simplify development.
View 1 RepliesI have multiple line charts in Flex Charting (3.x). The charts (and number of charts) are being dynamically generated, and are either of "type A" or "type B." The type of data on the Y-axis is different for type A then it is for type B. The x-axis is time.
Each chart is placed in its own VBox (with a few other things) that make up a larger canvas of the Type A or Type B. This VBox is given an absolute X position. It is very high priority that the different charts line up, so that comparisons (in time) can be made.
What ends up happening is that the vertical axis for some charts takes up more width then others, so the charts are no longer aligned in time.
When I use radius property in Flex plot chart It causes a warning says radius has been deprecated, use radius style There's no online documents about this warning. How Can I use radius style ?
View 1 RepliesI have a LineChart that contains multiple series, both LineSeries and PlotSeries, and I have a custom dataTipFunction set for the chart. However, I only want data tips displayed for line series, not the plot series. I have tried returning null from my format function, but that just displays an empty box. I have also tried disable mouse events on the plot series (by setting both mouseEnabled and mouseFocusEnabled to false), to no avail. Is this even possible?
View 1 RepliesWhy do I need to do add extra namespace declarations (below) in a Flex 4.1 "MX only component set" project to get it to compile within Flash Builder? (It says mx:LineChart cannot be resolved when a chart is added via Design View, and datavisualization.swc is referenced.)
Is there a way I can get this to compile without adding these special xmlns:charts, xmlns:series and chartClasses to the declaration? (If I just leave the default namespaces and use mx:SomeChartComponent, it doesn't compile.)
[Code]...
I have been working on a charting flex document listing repository statistics for work and it can be seen here -http [url]...orialJorum.swf Unfortunately,my hard drive died last week and the MXML source files were wiped(I know I should have backed it up). As I cant really afford paying $80 to decompile to get the MXML script, I wondered if anyone could do it for me as I put many hours into that piece of work. I have tried using the demo version of SWF Decompiler and Trillix but unfortunately they only give you the component code and not the <script/>
View 3 RepliesI'm having a problem with labels disappearing on Flex's datavisualization.swc charts that are built on our build server via ANT and the Flex 3.3 SDK. I've made sure that our license is applied properly on the build server (hence no water marks), and I've made sure the exact same datavisualization.swc was copied from my dev machine into the Flex3.3SDK/frameworks/libs directory.
Could it be a font problem? (Though we're really only using default fonts.) Here's the problem, missing axis labels on the build server Here's how it's supposed to look with labels (taken on my local development machine)
I have two requirements for a flex charting component:
1) The grid lines should always remain fixed to a scaling I define using an array of data. Something like a graph paper sheet.
2) Plot multiple line series data over this grid.
How does one get complete control over the background grid lines? I have tried a combination of annotation elements and setting the linechart background elements. If I get the grid right, I can't plot over it (Probably due to the scale). how would one go about designing a graphpaper like interface for linecharts in flex/actionscript?
I'm new to Flex/AS3. I've attached an example line chart below. I want to know if this type of graph can be created using the standard line-series chart available in Flex (Flash Builder 4.6), or whether there's something drawn below that is non-standard and would therefore require some rather involved customization. The key features are:
-Different line styles and colors (dashed, dot-dash, solid, thick, thin, opacity)
-Placement of units (y-axis "seconds" and x-axis "Hz")
-x-axis zoom/pan control bar below graph (move knobs in and out to set x-axis min and max plotted values)
-Log x-axis scale, linear y-axis scale
-Data Tip (or, some call it tool tip, not shown below)
-SI units for x- and y-axis tick labels.
My guess is that everything should be pretty standard to accomplish using Adobe's built-in charting (with the possible exception of item 6, see below). Is that a good assumption?I'm particularly concerned about the x- and y-axis tick labels (item 6). For example, the x-axis tick marks as a number would be:1, 10, 100, 1000, 10000, 100000, 1000000, 10000000 but they need to be replaced with SI units, where k=1000, and M=1000000, so the corresponding marks would be (replacing the numbers above with the strings below)"1", "10", "100", "1k", "10k", "1M", "10M".The same goes for the y-axis, where p represents 1e-12, and n represents 1e-9.I can create an algorithm that accepts a number and outputs a string to do the SI unit conversion. But given that, is there a way to easily manage the tick mark labels to replace the default numbers with such strings?
Multiple axis creation via MXML works fine:
http:[url]...
But when I'm trying dynamically create horizontal and vertical axis then I'm getting extra axes. I believe this is Adobe bug. How I can fix this behavior?
<?xml version="1.0" encoding="utf-8"?>
<s:Application
minHeight="600"[code].....
I have a professional license of Flex 3.3. This allows me to create applications using the data visualization components (charts) without watermarks. However, all of release builds (test, production, etc) occur on our build server.
The build server only has the Flex SDK installed (not full Flex Builder). As a result the SWFs compiled with this SDK contain watermarks on all the charts. How can I apply a Flex Builder Professional license to the build server to remove the watermakrs w/o installing Flex Builder?My build environment is Flex SDK 3.3 + CruiseControl.NET + NAnt.
I'm looking for resources on making an interactive charting component in Adobe Flash without use of Flex (or, minimal use). That is, starting "from scratch" with Flash and ActionScript 3.0. Is there recommended reading? Perhaps a good recent book on the subject, or a detailed blog article, or an open source project to look at? I'm interested in the development process, and specific design patterns (for example, extending Sprite as the logical base class for your component).
View 1 RepliesI'm trying to make chart which is combination of bar and line chart using Flex Charting API . Here x axis would be common and y axis would be different. note that y axis got different range of value one is % and other is amount. Any one got idea how to make this chart. Here line chart would be staked on top of bar chart . The line chart and never over laid or drawn on top of bar chart.
View 1 Repliesshow all datatips for a single lineseries in a Flex 3 linechart. This chart will have multiple lines and the functionality we're looking for is when a user hovers over a line, show all datatips associated with just that series.
showAllDataTips will not work in this case as it will display all datatips on the chart.
We have the WebApplication portal. We are generating the stats survey, which needs to displayed on graph. We have started using HighCharts. As a requirement analysis, I would like to know, what are the other alternative for Charting and Graphing. Can you advise/discuss, which is more efficient,effective way of charting? What are the pros and cons for each platform? Any more other alternatives ?
View 1 RepliesI am searching for a free charting library, either in Java, JS, or Flash, that allows for drill-down type interaction. An example of this sort of behavior can be found in the trends section on mint.com. JFreeChart seems like the generally recommended choice for charting purposes, but from a little browsing of their API there doesn't seem to be any obvious way to detect mouse clicks on a particular slice and change the chart in response.
Any advice on how to handle this sort of behavior using JFreeChart, or if this is not possible any recommendations for other libraries that do support this behavior?
Is there a free web control (serverside php or clientside flash or javascript) that can take a set of datapoints with timestamps (possibly with gaps or at irregular intervals) and draw a chart that would automatically scale the date axis? If there are a few datapoints hours apart then the chart would draw each datapoint. If there are thousands that span a year, it would draw month grid. If there are gaps - it would interpolate.
View 1 Replies