I have arraycollection with the attribute Month with similar data you can find Month:"Feb" for 5 times. If I run my application data wont appear on the screen for Feb i.e columnchart wont get displayed.
<mx:Script>
<![CDATA[
import mx.charts.series.ColumnSeries;
import mx.collections.ArrayCollection;
[Code]....
Columns of columnChart are showing too narrow if i am using the LinearAxis, even tried columnWidthRatio = 0.95 for category axis, this is fine
I just want to increse the width of column on this chart.
Sample to reproduce the problem:
<mx:Script>
<![CDATA[
import mx.charts.chartClasses.IAxis;
[Code]....
Here is my Problem: I'm currently using a ColumnChart to display 6 label/value pairs. When two labels are the same, the chart stacks them up, one on top of the other. I want to display these duplicates side by side, their value might be the same or it might be distinct. My first thought was to append a unique id to the label, but that's not possible according to the client. So, is there a way to tell the chart to also take a hidden id into consideration? Someone suggested to do some sort of grouping, but I need to display each chart separate, as if they were distinct charts.
the chart's data provider is an array of these objects:
obj.description = "des";
obj.countV = 3;//some arbitrary number
obj.id = 2; //a unique id..
I have a flex chart that I'm trying to build via actionscript dynamically. For test purposes I came up with the following data structure and code:
Bindable]
public var columnDat:Array=
[{signalID:"SCL", point2:100},
[code].....
I have a database all set up and working between flash and SQL .The set up allows me to add entries and receive data.. all this works great..The only problem I'm having is that when I want to update the score when clicking on a button..I can only send or receive data, and what I actually want to do is overwrite the current entry with a new entry to update the score..
View 3 RepliesI'm trying to prevent a default chart item roll over highlight in a Spark column chart.If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
I'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 RepliesI'm using a Flex ColumnChart with a custom dataTipRenderer. I'm able to apply a nice skin with the dataTipRenderer, but am not sure how to move the datatip to be centered. Is there a way to have the chart center the data tips over the column instead of the normal top-right alignment the chart does?
Instead of:
|tip text|
+++
+++
+++
+++
+++
+++
+++
+++
I want:
| tip text |
+++
+++
+++
+++
+++
+++
+++
+++
I'm using a flex columnchart to display data, that changes at runtime. It works perfectly, except the fact, that the y-axis with is automatically resized when the values goes under 1.For example first the values of the charts are between 0 and 10. The y-axis now has labels like 0,1,2,3,4...10. If the values are going under 1 the labels are updated to 0.0, 0.1, 0.2...1.0. And because of the width of the labels, the group with the charts is resized.It looks like the chart is "jumping".So, I need a way, to set a fixed width of the y-axis of the chart.
View 2 RepliesI have a series of movie clips that are dynamic text fields created with the createTextField call. The text field is dragged and dropped onto a box. At that point I want to create a duplicate of that text field and to then position it on top of the box. The code appears to be creating a duplicate of the original clip and the traces are all successful, however, the actual movie clip is not displayed anywhere on screen.
I feel that it has something to do with the depth. Originally, I was passing this.getNewHighestDepth to duplicateMovieClip but that seemed to result in my existing text fields disappearing instead!
[Code]....
When using a ColumnChart created in Flex 3, how can I to change the fill color of columns that meet a certain criteria?
Example: I have 8 columns representing agreement percentages between groups of people and want to change the fill color (or otherwise highlight) of all the columns that have over 80% agreement.
I need to create a custom y-axis in a columnChart that resembles a tall / skinny VBox (sorry can't post pictures) and has the axis labels (20, 40, 60, 80, 100) inside the axis.By default, the y-axis is a line and I have found methods of making the line thicker but I need the labels inside the axis.I have tried using the AxisRenderer class but can not find any good examples on the proper use.
View 1 RepliesI can't seem to figure out why, but the label on my ColumnSeries always seems to get truncated regardless of how wide the column is. I've tried setting the labelSizeLimit to an arbitrarily large number, but that doesn't seem to help
Here is some sample code:
<?xml version="1.0" encoding="utf-8"?><mx:Application name="BarChart_barWidthRatio_test"
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
[code]....
how can i apply styleSheet to datatips of ColumnChart control in flex?
View 1 RepliesWithin my code, I have a series of movie clips that are dynamic text fields created with the createTextField call. The text field is dragged and dropped onto a box. At that point I want to create a duplicate of that text field and to then position it on top of the box. The code appears to be creating a duplicate of the original clip and the traces are all successful, however, the actual movie clip is not displayed anywhere on screen. I feel that it has something to do with the depth. Originally, I was passing this.getNewHighestDepth to duplicateMovieClip but that seemed to result in my existing text fields disappearing instead!
Code:
function fnTagOnRelease(){
this.stopDrag();
delete this.onMouseMove;
if (eval(this._droptarget) != mc_DropBox){
//spring back to original position
[Code] .....
How can I color the ColumnSeries differently based on data. I need something like a labelFunction only for the column fill.
EDIT: Attached image for JAX to understand. :)
I have a neat chart that is rendering overlaid columns with values in excess of 6000 but my vertical axis stays at 0-100, as if my dataProvider was being ignored.
The problem here is with "msAxis" autoAdjust didn't change anything. Do I need to force its values manually?
<mx:ColumnChart xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
[Code].....
Is it possible to develop chart in flash (eg. bar chart, pie chart)?
View 1 RepliesI have five text boxes and a dropdown box in my flex application, how can I make the progress bar fill up when there is text in each box, and the dropdown selected. For example, if there is input in three out of five of the boxes and there is a selection in the dropdown, then the progress bar would be 4/6 full.
View 1 Repliesis it possible to create an actionscript project (File > New > Actionscript Project) and still use mxml for the ui layout? basically, i want a main class as the entry point which can reference the controls within the mxml.i tried it the other way around (File > New > Flex Project), but it creates an mxml app that seems to serve as the entry point. if i create a class in this project, how do i make it the main entry point?//when i create this class inside a flex project, the constructor never gets called
Code:
package
{
[code].....
I have a drag-and-drop event form in a flex project. I need to run a validator right after the item is dragged into the dataGrid. In it, I fire off a function through dragDrop="verifyEventUsers()". In the validator, I compare the contents of the two arrayCollections, but it appears to be running the checks prior to completion of the drop. For instance, if I drag an element into the dataGrid and trace eventUsers.length inside the validator, I get zero. When I drag the second element, it traces as one even though two lines now appear.
How can I set up a validation script that runs after the drag-drop action has finished?
With MXML components, I've seen a pattern used where you have an AS3 class, then the MXML subclasses it, to have a separation between view/code (anonymized from real code):
package com.john
{
public class MyComponent extends Canvas
{
[code]...
At least I think the MXML component is subclassing the AS3 class?Anyway is it possible/advised to do this with my main MXML application file, so I can put manager instances and things in the AS3 MyApp class, which is subclassed by Main.MXML?
How can I Create an animated Bar Chart or Line Chart type of component in flash programmatically, which should depends upon an incoming XML data, the chart should have the basic criteria like, Chart Label, Item Tooltips, background grids (without using any image). There also needs an ability to change the data which should reflect the chart as well.
View 1 RepliesMy group is working on a Flex/AS3 scientific web application that is data intensive. Luckily the only plots involved are line charts. However, each line chart may have multiple traces (up to 24), and each trace may contain up to 2000 points. The user will need to zoom in and out and interact with the data (e.g. data tips, etc.).
The response I'm getting from developers is that's a lot of data to render in a plot in Flash. For reasons beyond the scope of this post, we can't sample the data to reduce the size (this has already been done and nature of the data prevents further sampling).
Rendering speed is critical for this app. What kind of rendering speed should I expect the Flex 4 line chart component to provide for a given number of points (e.g. 1 second to render 1000 points?)
Are there products available that handle plotting large data sets better, which can be incorporated in Flex (I've seen FusionCharts and ZingCharts online but have no idea how they compare with Flex's components)? Of those, which are easy to develop with while still providing a lot of flexibility in look and feel?
Flex 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,
I have a dynamic ArrayCollection that will contain a unknown number of objects of type MyObj:
class MyObj
{
type:String
[code]........
I am in a situation where user gets the cars data from the database based on the selection and displays it in datagrid like below ( for example)
Company Model Year No
GM Chevy 2010 10
GM Chevy 2009 5
GM Pontiac 2010 12
Honda Civic 2009 12
and there will be a link next to datagrid to get Pie chart based on the data displays in the data grid . The pie graph should display grouping by company and the count . I mean for the above example that should give with two pie items , one for GM showing the number of vehicles ( in this case 3 ) and Honda showing the number of vehicles ( in this case 1 ).
I thought of getting it from the database by querying and grouping it .But here the problem is after getting the data above in the datagrid user can able to filter at client end ( By year or model ) and can say get graph . This time that should only display the graph for the data visible in Datagrid .Grouping on database for every operation is becoming expensive. Since we have already data available at client end , is there any way to group it at client ..?
Is it possible to restrict flex bar chart y-axis count?I have a very big name coming in my y-axis and i want to reduce or restrict it to 5 characters and on rollover i want to display it in full.
View 1 RepliesWe get data from multiple feeds and data may or may not exist for a certain date. o, for points that have no data we send NaN.
[Code]...
When using a Flex chart, the y-axis is drawn as a thick (about 8px) grey line. Is it possible to change this to be just a thin line like the x-axis?
View 1 Replies