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]....
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]....
I have a line chart that is updated every so and so seconds, similar to the one you see in Windows' Task Manager. The chart goes right-to-left, with the most recent data on the right, and going leftwards. How would I invert the values of the X axis so that the lowest value is on the right and the highest on the left? It's a LinearAxis.I tried making it a CategoryAxis and putting the numbers in manually, but that doesn't work the way it should (the labels are not aligned with the ticks).
View 3 RepliesXML Data to plot:
<?xml version="1.0" encoding="utf-8" ?>
<spearkerslist>
<speakers langid="afb" countryid="SA" countryalpha3id="SAU">200000</speakers>
<speakers langid="acw" countryid="SA" countryalpha3id="SAU">6000000</speakers>
[code]....
The above data I need to plot to a Bar chart, which I tried with code below and not working
I need to plot "Langid" on y-axis and bar length based on the value in speakers tag.
<mx:Script>
<![CDATA[
private var languagelist:XML = new XML(); //Variable where the XML is stored.
]]>
[code]....
I want to implement Open Flash Chart in my website but it doesn't work. The chart just start loading for a second and the loader animation disappear and nothing happening (Only a blank swf area). i've downloaded the latest version which is 2 and here is my folders scheme:
// ROOT //
● JS
● open-flash-chart
● php-ofc-library
[Code]....
The JS folder contain swfobject and the open-flash-chart folder contain the action script classes of the chart
Is it possible to develop chart in flash (eg. bar chart, pie chart)?
View 1 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 RepliesWhen 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 RepliesHere 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..
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].....
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 Repliesi am trying to add animation to my pie. its not working. any help?[code]
View 3 RepliesI want to do a line chart example in flash cs3 or in flex. Actually my requirement is getting the data from external file ie xml and with that i want to display a line chart with some time interval just like stock exchange charts for example.I have to do this either in flex or in flash cs3. i dont have any ideas how to proceed
View 1 RepliesI am looking for a) the easiest to use free chart library and b) a chart library with a lot of features for Flex. I am looking for basic line and bar graphs. What are the options available? Library size may be an issue for the application I am trying to write.
View 4 RepliesI want to use Open Flash Chart in Flex3/AS3 project?
I mean,How Can I use Open-flash-chart in Flex application client side.. ??? (I use FlashDevelop)
Can i do that by just adding .swf file?? If yes? then where to add? I am not using FlexBuilder, I am using FlashDevelop OR Command line for compiling..
Or I have to add .swc file.. ??? If yes, then how to generate one for open flash chart..???
Which is the best for build an application show like in image. For the better graphics and performance wise. I want to know Flash for Flex is more suitable for this.In Flash ca we be able to build a grid kind of applications easily? I headed that Flex have the functions to handle grid and other things. Drag & scroll Zoom like feature. but am not sure able the graphics of flex. Is the components are customizable
View 3 RepliesI'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?
I created a 9-scalled background in Flash CS5 which is working fine in Flash CS5.But when i imported it as embeded graphic in Flex, and change dimensions in runtime, 9-scalling doesnt work.Here is my code.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"[code]....
My 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 Replies