Flex line chart
hi i have a flex line chart with some line series. What I
wanted to do is get access to the items property of the series. (
this contains the x, y values etc).
Question is at what stage during of rending do i need to do
this?
Ive tried the following but at each attempt the items
collection was 0.
Creation complete of the chart
creation complete of the series
thanks
There is info about accessing the properties of the series in
the docs here:
http://livedocs.adobe.com/flex/3/html/charts_eventsandeffects_12.html
hth,
matt horn
flex docs
Similar Messages
-
Flex Line Chart Vertical marker
Hi, I have a flex line chart and what I want to do is have an
a vertical marker that extends to the outside the chart area at the
last point.
Does anyone have any ideas?
Very smilar to this...
http://tomgutz.wordpress.com/2007/12/17/flex-custom-chart/
ThanksHere is a perfect example of what I cannot decipher:
http://flex.amcharts.com/examples/chart_with_multiple_value_axes
^ You can even see the source code here. I believe they call it a "chart cursor".
Any idea what the mouse is doing, and how to get that line into a standard FLEX Linechart?
I see this a lot but have no idea what it's called.... -
Hello Friends,
I need a small help from you guys.
I 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. can anyone help me out on this. i need it asap.
Thanks
Rajeshhi
flex has charting components you can use. see: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/charts/LineChart.htm l (example at the bottom of page) -
Drawing dashed line or dotted line in a flex line chart
Friends,
I want to draw a line chart which should be either dotted or dashed.
since there is no component like dashed line chart, can anyone help me in creating one.
i think if i extend the line series component, then i can draw that.
but am stuck there. pls help people.
Regards,
AnoopTry looking [url http://www.macdevcenter.com/pub/a/mac/2002/03/22/vertical_text.html]here.
: jay -
Line Chart glitch - grid lines thick at certain heights
The Flex Line Chart control does not display correctly at certain heights. The gridlines that are supposed to be 1px pin stripes are sometimes displayed up to 100px wide. This can be demonstrated with 1 line of code
<mx:LineChart height="33000" x="200" y="0" id="chart_1" width="100" ></mx:LineChart>
I also have another small app that uses a timer to demonstrate how as the height increases the gridlines increase from:
1px to 100px
then back to 1px
.... then as the chart's height increases another 7000px the 1px gridlines display correctly
then it repeats going back to thick, then thin etc... almost a pulsating effect
<?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"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init();">
<fx:Script>
<![CDATA[
import flash.utils.Timer;
import flash.events.TimerEvent;
private var timer:Timer = new Timer(10);
private function init():void{
timer.addEventListener(TimerEvent.TIMER, changeheight);
timer.start();
private function changeheight(event:TimerEvent):void{
chart_1.height=chart_1.height+30;
lblHeight.text="Chart Height:"+String(chart_1.height)+"px ";
]]>
</fx:Script>
<mx:LineChart height="33000" x="200" y="0" id="chart_1" width="100" ></mx:LineChart>
<s:Label id="lblHeight" />
<s:Button y="80" click="timer.start();" label="Start" />
<s:Button y="100" click="timer.stop();" label="Stop" />
</s:Application>Are you able to acheive this.?
PCXML script is used for chart rendering, and with that I think you can't demark the Gridlines.
The following Xml file gives the definitions for the chart components including gridlines.
chartviewtemplates.xml
Which inturn refers to the following js for gridlines
i think you have to work on the Js here demark the grid lines by default
<Oracle_BIHome>\web\app\res\b_mozilla\views\chart
dlggridlineseditor.js
Before doing any changes take the backup.
Thanks,
Vino
Edited by: Vinodh NK on Oct 22, 2010 3:44 AM -
Hi There, I relatively new to Flex. Can anyone please help me
out in this Flex problem. Here is the problem.
I have 2 graphs which needs to be plotted on one Flex line
chart layout. I have date as x-Axis for these graphs. both the
graph starts with different date, example, graph 1 starts from
Nov7th and ends on Nov 22nd and second graph starts from Nov 27th
and ends on Dec 5th. when I plot these two graphs, the second graph
is overlapping onto first graph which is wrong, both shud be
plotted at different dates. How do i display both the graph
accurately?
Graph always starts from x axis base. Is it possible to make
the graph start from middle instead of start of x-Axis?
Pl advice. ThanksI gave the outputs to know wheather the data is compatible for the chart. Because I have not done anything but just followed the wizard .
Navigation is..
Create Page-->Chart-->Line
and the rest are default except the query.
I even tried vertical bar which is also not working.
Note: I even tried after removing the ORDER BY clause.
This is the query which is working fine
select distinct sd_cnt_module_type, sd_metric_id, sd_weighted_violation
from cau_tr_si_detail t
union all
select distinct sd_cnt_module_type, sd_metric_id+2, sd_weighted_violation
from cau_tr_si_detail t
Problematic Query
select
prj.cau_ma_pr_name name,to_char(t.qi_date,'mon-yyyy') month,
round(sum(t.qi_finalindex)/count(1),2) as metrics
from cau_tr_qualityindex t,cau_ma_project prj
where
to_char(qi_date,'YYYY') = '2004'
and t.qi_project_id = 21
and
prj.cau_ma_pr_id = t.qi_project_id
group by t.qi_project_id,to_char(t.qi_date,'mon-yyyy'),prj.cau_ma_pr_name
order by t.qi_project_id,to_char(t.qi_date,'mon-yyyy')
Thanks In advance.
Jaggy -
How to dynamically add new line series to the line chart in flex?
i need to add line series dynamically..and each line series should have a different data provider...
A chart can have only 1 dataProvider which in my case is an ArrayCollection.
The chart will update every time the dataProvider changes if you use binding.
So you have to write a function that periodically populates the ArrayCollection with data from the server and the chart will update automatically.
'Using line charts' tutorial from Adobe: http://livedocs.adobe.com/flex/3/html/charts_types_08.html#243339 -
Hello All,
I'm creating a project that consists of flex chart componnents. However, client requires a goal line in the charts. I've googled allday on this and cant seem to find any samples. Is this even possible? If so, can you please lead me to the right direction.
Kinda like this example..but just have the goal line horizontal.
JeffCan you just take the min and max from the data source feeding your line chart, build a separate line chart with start and end corresponding to those two points and y-value corresponding to your goal, and add a second series to the chart? You may need to build a custom lineSegmentRenderer if you want a dashed line but a thin, low-alpha line may look fine.
-
How to add line series dynamically to a line chart in flex?
hi..i need to add line series dynamically to a line chart..depending on an array..the application is this..i have an array which stores the details of the users connected to an fmi server..the chart should display the bandwidth of each client..so the users should be added and removed from the chart dynamically...
Hi
1.I am giving you solution for dynamically adding values to the dropdown
public void addValue( ) //Method Name in Component controller
//@@begin addValue()
IWDNodeInfo nodeinfo = wdContext.nodeNodeTestData().getNodeInfo();// Node should be map to the view's Node
IWDAttributeInfo att = nodeinfo.getAttribute("VechileTypes");// Attribute by which dropdown in bound//
IModifiableSimpleValueSet svSet = att.getModifiableSimpleType().getSVServices().getModifiableSimpleValueSet();
svSet.put(wdContext.currentNodeTestDataElement().getInpAtt(),wdContext.currentNodeTestDataElement().getInpAtt());
//@@end
2. wdThis.wdGetLangCompController().addValue(); // call this method in the point where u want to add values to the dropdown. -
Showing one data point on a line chart - X-axis label placed away from its actual position
Hi Guys,
In line chart, i used CircleItemRenderer to show single data point. It shows correctly if it is single data point. But the x-axis label placed away from its actual position. Right now it displayed left most position where the line chart starts. I need to move that label straight of that datapoint where it plotted. Please see the screen shot attached with this post.
In screen shot, x-axis label "Jan" displayed in left most position.
And how can we show the datatip for single datapoint. At present, we can't able to see the datatips also with single datapoint.
Can any body help me to fix those two issues.I figured out a way to customize a single datapoint in a line series. The solution is at this link:
http://www.flexdeveloper.eu/forums/flex-charting/customize-a-datapoint-in-a-line-series/ -
Changing color of lines in line chart
Okay this is a dumb question but how do I change the color of
lines in a line chart?"spacehog" <[email protected]> wrote in
message
news:g81g1a$eq4$[email protected]..
> Okay this is a dumb question but how do I change the
color of lines in a
> line
> chart?
http://www.rphelan.com/2008/05/23/taking-control-of-flex-charting-styles/ -
How to convert from line chart data to CSV format
Hi ,
I am using Flex 3 and AS.
I am getting data from MS SQL and display the data as line
chart this is ok.
But i want to convert this line chart data to CSV or .xsl
format.I find one example in fourms the from data grid to CSV
For this URL is
http://www.abdulqabiz.com/blog/archives/flash_and_actionscript/datagriddataexporter.php
But i want Line chart to CSV.Please help me.Line chart is a just a visual representation of some data
that's sitting in your database. Isn't it? You load this in Flex,
probably using HTTPService class, and pass it to some chart object.
Now when use says that she needs it in CSV format, you're
gonna have to send another request to the server to produce the
same data, convert into CSV or XLS format and let user download it.
Of course, if use doesn't want to download, you don't have to
go to the server, at least for CSV format. You can convert the same
data that used plot the chart to convert to CSV.
Am I missing something here?
ATTA -
Line chart with one entry in xml doesn't show up
please refer
http://livedocs.adobe.com/flex/2/docs/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDo cs_Parts&file=00001233.html
If I use only one entry in expenses array even then the line
chart is not shown. below is what I'm using:
[Bindable]
public var expenses:ArrayCollection = new ArrayCollection([
/*{Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450},
{Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600},*/
{Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300}
Looks like it is a general issue or flex limitations.
http://livedocs.adobe.com/flex/2/docs/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDo cs_Parts&file=00001233.htmlNot sure it is a limitation.
A line needs two points, e.g. a start(x,y) and a finish
(x,y). So adding a single point will not give you a line.
If you want to display just points, then use a PlotChart.
Cheers
Ian -
How can i produce this type of line chart (yield curve) by using flex2 charting?
help! I am a flex newcomer, how can i produce this type of
line chart (yield curve) by using flex2 charting? Anybody can teach
me how can i customize the width of each scales as below of line
chart? anybody know this?
Click
Here To SeeI need to show the X and Y Co-ordinate in a message when I click on the graphic's point.
thanks for the tips, I´ll try to understand the sample program.
Noguti -
How to use custom function for formatting the Line Chart Axes?
Hi...
I'm using a Line chart who's y axis value range from 0 to 50000. This is a number which it gets from it's dataProvider. I want to format this and show it as
$50,000
$40,000
$30,000
$20,000
$10,000
$0
instead of
50000
40000
30000
20000
10000
0
Here's my linechart code:
<mx:LineChart id="revTimeLineChart"
width="100%" height="100%"
showDataTips="true" >
<mx:horizontalAxis>
<mx:CategoryAxis id="lcCatAxis" categoryField="name"/>
</mx:horizontalAxis>
<mx:series>
<mx:LineSeries id="ls" yField="revenue" displayName="Revenue" showDataEffect="{slideIn}"/> (yField is what I want to format....)
</mx:series>
</mx:LineChart>
Can you please let me know how can this be achieved?
Cheers!
DeepakHi,
You could do something like this,
http://www.codersrevolution.com/index.cfm/2008/10/14/Flex-Charting-Format-your-X-and-Y-Axi s
hope it helps!
Regards ,
Bhavika
Maybe you are looking for
-
[noob] how to include third part jar file in ear
Hi, eveything is in the subject. It's quartz that I'm using btw. Regards Fred
-
HS - Generic - Transparent Confusion
I am attempting to connect to a SQL Server machine via Oracle 10gR1 on Windows. I think I am getting the differences between heterogeneous services, generic connectivity and transparent gateways confused - and as a result am mixing up my configuratio
-
How to get IDES version for training !!
Hi, I like to train SAP SD module, for that how to get IDES vesrion, is it available in the net. Thanks, Senthil
-
User defined Table and matrix problem
Hi, I have a user defined table. I am displaying data from this table using DBdataSource on a matrix in my form. After making changes to a cell on the matrix when i try to save the data back to the data source, the changes are not updated. I am using
-
Stop filling form field on android
I'm running Firefox 35.0 on an Asus Transformer TF701T tablet. When I have on-line forms fill out, Firefox throws up a list of options to choose from to fill in the field. A example of this is a name field - Firefox will pop up a list of names to sel