Line chart with mutiple value formats

Hi,
I have a chart built with Crystal Reports 2008 with two column lines. One of the lines represents Quantity and the other line represents Percentage. I set two Y axis (Y1 for Quantity line and Y2 for Percentage) for the two lines. My problem is that when I set one of the lines' value format as Percentage, value format of both lines become percentage. I cannot set one of the line value formats as percentage and the other one as number. Would you please advise how I can set one of the line's value format on the chart as numbers and the other one as percentage?
Thanks,
Al

Hello Al,
How exactly are you setting one of the lines' value format as Percentage?
And what are you setting it to be a percentage of? or are you trying to dsiaply one series data labels with a percentage symbol?

Similar Messages

Plot empty point in line chart with previous non empty value

Hello,
I have a problem to plot series data in SSRS line chart, with the empty point, I don't want use average and zero provided by the report builder, I want use the last non empty data to fill the empty point, tried to use expression =Previous(Field!Value), no
luck, any one have some good idea?
P.S. do not want to use query to fill the null with previous non null value, just from the performance point view. at last , the chart should have some line as square wave with different height, if I use average for empty point, it shows slop wave line which
is not reflect the real production.
Thanks
Richard

Hi Richard,
In Reporting Services, if the chart type is a linear chart type (bar, column, scatter, line, area, range), null values are shown on the chart as empty spaces or gaps between data points in a series. By default, empty points are calculated by taking the average
of the previous and next data points that are not null.
If we want to use previous value to replace the empty value, please refer to the following steps:
Right-click the field which displayed in Y axis (Height) to open the Series Properties.
In the Value field to modify the expression to look like this:
=iif(isnothing(Sum(Fields!Height.Value)),previous(sum(Fields!Height.Value)),sum(Fields!Height.Value))
The following screenshot is for your reference:
If there are any other questions, please feel free to ask.
Thanks,
Katherine Xiong
Katherine Xiong
TechNet Community Support

Line chart with different "colors": Values not available are displayed as 0

Hello,
I defined a line chart with more than one lines (aka "colors" in the chart wizzard) - each line representing the (monthly) values of a year. x axis are the 12 months of the year; y axis are the values.
When one defines such a line chart in BIP client there is a choice between sum, average and count for the data values.
This is no problem for my template as there is only one value per month/year - so I used sum.
The problem: for the actual year there are no values for future months . But bip nevertheless shows 0 for this month/year... Can one prevent this?
Regards
Peter

Solved it finally - unavailable values must explicitly be passed to the report with nothing contained in the value tag.

Apex flash charts with date values on the x axis

I am playing around in Apex 4 using flash charts and having a bit of troubles playing with dates on the x axis on a 2d line chart.
What I am trying to achive is a values plotted across the chart and the date/time values are not a constent (ie not continually say 1 hour apart) hence why I want to use a datatype of date.
In the SQL below:
select null as link, sysdate -2 as value, 0 as label from dual
union
select null , sysdate -2+1/24 , 1 from dual
union
select null , sysdate -2+2/24 , 2 from dual
union
select null , sysdate -2+5/48, 1 from dual
union
select null , sysdate -2+3/24, 0 from dual;I get a 2D Line chart but each date/time value is equally space apart (ie sysdate -2, sysdate -2+1/24, sysdate -2+2/24 and sysdate -2+3/24 should be 1 unit apart and sysdate -2+5/48 should be half way between sysdate -2+2/24 and sysdate -2+3/24).
I think I have to use custom xml. Using http://www.anychart.com/products/anychart/docs/xmlReference/index.html and http://www.anychart.com/products/anychart/docs/users-guide/DateTime-Axes.html I edited the XML and changed:
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<anychart>
<settings>
 <animation enabled="false"/>
 <no_data show_waiting_animation="False">
 <label>
 <text></text>
 
 </label>
 </no_data>
</settings>
<margin left="0" top="" right="0" bottom="0" />
<charts>
 <chart plot_type="CategorizedVertical" name="chart_1614502819445708">
 <chart_settings>
 <title enabled="False" />
 <chart_background>
 <fill type="Solid" color="0xffffff" opacity="0" />
 <border enabled="false"/>
 <corners type="Square"/>
 </chart_background>
 <data_plot_background>
 </data_plot_background>
 <axes>
 <y_axis >
 <scale mode="Normal" />
 <title enabled="false" />
 <labels enabled="true" position="Outside">
 
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 </labels>
 <major_grid enabled="False"/>
<minor_grid enabled="False"/>
 </y_axis>
 <x_axis>
 <scale mode="Normal" />
 <title enabled="false"/>
 <labels enabled="true" position="Outside">
 
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 </labels>
 <major_grid enabled="True" interlaced="false">
 <line color="Black" />
 </major_grid>
<minor_grid enabled="True">
 </minor_grid>
 </x_axis>
 </axes>
 </chart_settings>
 <data_plot_settings enable_3d_mode="false" >
 <line_series>
 <tooltip_settings enabled="true">
 <format><![CDATA[{%Name}{enabled:False} - {%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 
 <position anchor="Float" valign="Top" padding="10" />
 </tooltip_settings>
 <label_settings enabled="true" mode="Outside" multi_line_align="Center">
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 <background enabled="false"/>
 
 </label_settings>
 <line_style>
 <line enabled="true" thickness="1" opacity="1" />
 </line_style>
 <marker_settings enabled="True" >
 <marker type="Circle" />
 </marker_settings>
 </line_series>
 </data_plot_settings>
#DATA#
 </chart>
</charts>
</anychart>to
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<anychart>
<settings>
 <animation enabled="false"/>
 <no_data show_waiting_animation="False">
 <label>
 <text></text>
 
 </label>
 </no_data>
 <locale>
 <date_time_format>
 <format>%HH:%mm:%ss %dd/%MM/%yyyy</format>
 </date_time_format>
 </locale>
</settings>
<margin left="0" top="" right="0" bottom="0" />
<charts>
 <chart plot_type="CategorizedVertical" name="chart_1614502819445708">
 <chart_settings>
 <title enabled="False" />
 <chart_background>
 <fill type="Solid" color="0xffffff" opacity="0" />
 <border enabled="false"/>
 <corners type="Square"/>
 </chart_background>
 <data_plot_background>
 </data_plot_background>
 <axes>
 <y_axis >
 <scale mode="Normal" />
 <title enabled="false" />
 <labels enabled="true" position="Outside">
 
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 </labels>
 <major_grid enabled="False"/>
<minor_grid enabled="False"/>
 </y_axis>
 <x_axis>
 <scale mode="Normal" type="DateTime" />
 <title enabled="false"/>
 <labels enabled="true" position="Outside">
 
 <format><![CDATA[{%Value}]]></format>
 </labels>
 <major_grid enabled="True" interlaced="false">
 <line color="Black" />
 </major_grid>
<minor_grid enabled="True">
 </minor_grid>
 </x_axis>
 </axes>
 </chart_settings>
 <data_plot_settings enable_3d_mode="false" >
 <line_series>
 <tooltip_settings enabled="true">
 <format><![CDATA[{%Name}{enabled:False} - {%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 
 <position anchor="Float" valign="Top" padding="10" />
 </tooltip_settings>
 <label_settings enabled="true" mode="Outside" multi_line_align="Center">
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 <background enabled="false"/>
 
 </label_settings>
 <line_style>
 <line enabled="true" thickness="1" opacity="1" />
 </line_style>
 <marker_settings enabled="True" >
 <marker type="Circle" />
 </marker_settings>
 </line_series>
 </data_plot_settings>
#DATA#
 </chart>
</charts>
</anychart>and change the SQL series to:
select link, to_char(value, 'HH24:MI:SS DD/MM/YYYY') as value, label from
select null as link, sysdate -2 as value, 0 as label from dual
union
select null , sysdate -2+1/24 , 1 from dual
union
select null , sysdate -2+2/24 , 2 from dual
union
select null , sysdate -2+5/48, 1 from dual
union
select null , sysdate -2+3/24, 0 from dual)But the chart changes from a line chart to a bar chart with each value being equally spaced.
Can anyone see what I am doing wrong or point me in the right direction? Thanks in advance.

This will be a little bit lengthy answer, but I guess it will be easier to understand what I meant to say.
I created a table that contains values you used as a data source (just to make my life easier):
SQL> alter session set nls_date_format = 'dd.mm.yyyy hh24:mi:ss';
Session altered.
SQL> select * from test;
VALUE LABEL
12.10.2010 09:03:45 0
12.10.2010 10:03:45 1
12.10.2010 11:03:45 2
12.10.2010 11:33:45 1
12.10.2010 12:03:45 0
SQL> alter session set nls_date_format = 'hh24:mi';
Session altered.From now on, we'll see only hours and minutes.
Step 1: current and previous values - difference in number of MINUTES
SQL> select t.value,
2 lag(t.value) over (order by t.value) previous_value,
3 (t.value - lag(t.value) over (order by t.value)) * 24 * 60 minutes_diff
4 from test t;
VALUE PREVI MINUTES_DIFF
09:03
10:03 09:03 60
11:03 10:03 60
11:33 11:03 30
12:03 11:33 30Step 2: a little bit of calculation:
- TIME_SPAN: how many minutes are there between MIN and MAX date?
- MIN_DIFF: what is the minimum time difference (minutes)?
- SLICES: how many time slices do we want on the x-axis?
SQL> select
2 min(x.value) min_val,
3 max(x.value) max_val,
4 min(x.minutes_diff) min_diff,
5 (max(x.value) - min(x.value)) * 24 * 60 time_span,
6 (max(x.value) - min(x.value)) * 24 * 60 / min(x.minutes_diff) slices
7 from (select t.value,
8 lag(t.value) over (order by t.value) previous_value,
9 (t.value - lag(t.value) over (order by t.value)) * 24 * 60 minutes_diff
10 from test t
11 ) x;
MIN_V MAX_V MIN_DIFF TIME_SPAN SLICES
09:03 12:03 30 180 6There's 180 minutes between 09:03 and 12:03; minimum time difference in our TEST table is 30 minutes, so - we want to have 6 time slices on the x-axis (180 / 30).
Step 3: row generator technique: let's create time values that are missing:
SQL> select y.min_val + (level - 1) * y.min_diff / (24 * 60) val
2 from (select
3 min(x.value) min_val,
4 max(x.value) max_val,
5 min(x.minutes_diff) min_diff,
6 (max(x.value) - min(x.value)) * 24 * 60 time_span,
7 (max(x.value) - min(x.value)) * 24 * 60 / min(x.minutes_diff) slices
8 from (select t.value,
9 lag(t.value) over (order by t.value) previous_value,
10 (t.value - lag(t.value) over (order by t.value)) * 24 * 60 minutes_diff
11 from test t
12 ) x
13 ) y
14 connect by level <= y.slices + 1;
VAL
09:03
09:33
10:03
10:33
11:03
11:33
12:03
7 rows selected.OK, now we have 30 minutes between every time value.
Step 4: join newly generated time values with the original table. Use OUTER JOIN; missing labels will be 0 (zero):
SQL> select
2 null link,
3 to_char(z.val, 'hh24:mi') new_value,
4 nvl(t1.label, 0) new_label
5 from (select y.min_val + (level - 1) * y.min_diff / (24 * 60) val
6 from (select
7 min(x.value) min_val,
8 max(x.value) max_val,
9 min(x.minutes_diff) min_diff,
10 (max(x.value) - min(x.value)) * 24 * 60 time_span,
11 (max(x.value) - min(x.value)) * 24 * 60 / min(x.minutes_diff) slices
12 from (select t.value,
13 lag(t.value) over (order by t.value) previous_value,
14 (t.value - lag(t.value) over (order by t.value)) * 24 * 60 minutes_diff
15 from test t
16 ) x
17 ) y
18 connect by level <= y.slices + 1
19 ) z,
20 test t1
21 where t1.value (+) = z.val
22 order by z.val;
L NEW_V NEW_LABEL
09:03 0
09:33 0
10:03 1
10:33 0
11:03 2
11:33 1
12:03 0
7 rows selected.Cool, so we have them all. Now, go to Apex and create a chart using a query from step #4.
I tested it - it displays something which means that it should work for you too (unfortunately, this forum doesn't accept attachments so that you could see it). Now, I can't tell whether that's what you need or not, but - if the idea itself is OK, it can be adjusted (I hope so).

How to limit data range in a Line chart with Time Refresh Control

Hi All,
I have a Line chart with Time Refresh Control and I would like to make some constraints to this navigation.
For example, I would like to limit the user to navigate in a data range of 8 hours.
Is this posible?
Thanks in advance

Hi Pedro,
as far as I know, this is not possible using the time controls on an iChart. However, you may have some success by using your own time controls which call JavaScript methods exposed by the applet.
For example, you could begin by hiding the time and calendar buttons on an iChart, and creating some buttons of your own. For instance, to set the start date of a query (and thus the start date of the iChart using the query), you can use the following:
document.getElementById("appletID").getQueryObject().setStartDate(<date string>);
Using code like the above (look into the xMII script assistant and documentation), you should be able to build time controls which satisfy your requirements. The exact format of <date string> in the sample above will depend on the date format defined in the query template this script calls.
Hope this helps,
Sascha

Line Chart with Multiple Series

Post Author: JayZee
CA Forum: Charts and Graphs
HI
I am trying to create a line chart with multiple series for trend analysis on CR XI but not having much luck, I thought it would be so simple to do!
My data is provided summarized on the server and is returned as 12 rows:
Month Year1 Year2 Year3 Year4 Year5January 100 80 75 90 120February 85 25 40 25 80etc for the rest of the months
My problem is that I can only get the chart to accept the values to display as a summary and not just as the data pulled back from the server. I have read an article on the support site for Crystal 6.0 but it doesn't seem to translate well into XI.
If necessary I could redesign the table to bring back un-summarized data but that is quite a big job.
Any help greatly appreciated.
Jay

Post Author: Tim Wise
CA Forum: Charts and Graphs
In the chart expert, put Month in the 'On change of' box and put each year in the 'Show values' box. This puts the month on the x-axis and plots each year as a line.
Is that what you want?
I did this in CR 2008 using your data in an Excel sheet.

Line chart with 2 different y axis

hi,
i have a question on line chart in apex. i'm using apex 4.2. is it possible to generate a line chart with 2 different y axis? here's a sample data to illustrates what i'd like the chart to look like.
date price percent
1/1 1 100
1/2 2 90
1/3 3 80
1/4 4 70
the x-axis will be the date column. the left y-axis would be the price column. and the right y-axis would be the percent column.
i know i can plot multiple lines in a chart thru different series. but they're based on the same x and y axis range. thanks
jim

You beat me to it.
One of the problems I'm having is that the begining and ending point(s) coincide. So, instead of two completely separate lines, I have an area bounded by the series 1 line on top and the series 2 line on the bottom. Since the points overlay, the values of those points also display one on top of the other. I'll have to see if there is a way to separate the series. I've had 3 separate series before, but never with two y-axis.
Regards,
Howard

Problem creating line chart with character data

Post Author: burkartt
CA Forum: Charts and Graphs
CR Developer v. 11.5.0.313
I want to create a line chart with data from a SQL2K table to show how much server time each application uses per day. All data is defined a character.
HWA,4/24/2007,01:44.6HWA,4/25/2007,12.28HWB,4/24/2007,4.6HWC,4/24/2007,55.55HWC,4/25/2007,01:22.3HWE,4/24/2007,01:16.1HWE,4/25/2007,0.59
I want one horizontal line per application where the X-axis represents the date and the Y-axis represents the server time. I have tried all column combinations for "On Change Of" and "Show Value(s)". What confuses me is why are Count and Discount the only Summary Options for the "Show Value(s)" data?
Thank you,
tim

Post Author: V361
CA Forum: Charts and Graphs
I created a group based on date, day, then created the chart and put it in the group footer, on change of server, show sum of time, you will get a seperate chart for each day. I am not sure if this will help, or will just do. Since you have CR XI, you may want to look at the gauge chart also....

Multiple Line Charts with Column Chart

I want to show two line charts with a column chart. Everything goes on the screen fine, except the two line charts origination point always starts at the same point despite the numbers being different. For example, the ls1 might read 280, 190, 180 and the ls2 is 175, 188, 177 but both origination points start at 280. The other two datapoints should also be close together but they have a substantial gap of about 50 between them. Obviosuly I want to have two separate lines. I have also tried moving the line series below the first lines series with no success.
<mx:ColumnChart dataTipFunction="formatDataTip"id="
myChart" dataProvider="
{FCVData}" showDataTips="
true"selectionMode="
single"change="event.stopImmediatePropagation()"
width="
100%" height="95%" y="50">

<mx:verticalAxis>
<mx:LinearAxis title="mytitle" labelFunction="defineVerticalLabel"id="
v1"baseAtZero="
true" />
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis dataProvider="
{MYData}" categoryField="
YEAR"
/>
</mx:horizontalAxis>
<mx:series>
<mx:ColumnSeries id="
pb"color="
#FFFFFF"xField="
YEAR" yField="B
UDGET" displayName="
Budget"hideDataEffect="
zoomOut" showDataEffect="
zoomIn">
<mx:fill>
<mx:SolidColor color="{colColor1}"/>
</mx:fill>
</mx:ColumnSeries>
<mx:LineSeries id="ls2" dataProvider="
{MYData}" yField="
ACTUAL"displayName="
Actual"
>
<mx:itemRenderer>
<mx:Component>
<mx:DiamondItemRenderer/>
</mx:Component>
</mx:itemRenderer>
<mx:lineStroke>
<mx:Stroke color="
{lineColor2}" weight="
5" alpha="
.5"
/>
</mx:lineStroke>
<mx:verticalAxis>
<mx:LinearAxis id="v3" baseAtZero="true"/>
</mx:verticalAxis>
</mx:LineSeries>
<mx:ColumnSeries
id="
asytd"color="
#FFFFFF"xField="
YEAR" yField="
SPEND" displayName="
Spend "hideDataEffect="
zoomOut" showDataEffect="
zoomIn">
<mx:fill>
<mx:SolidColor color="{colColor2}"/>
</mx:fill>
</mx:ColumnSeries>
<mx:LineSeries id="ls1" dataProvider="
{MYData}" yField="
PLAN"displayName="
Plan"
>
<mx:itemRenderer>
<mx:Component>
<mx:CrossItemRenderer/>
</mx:Component>
</mx:itemRenderer>
<mx:lineStroke>
<mx:Stroke color="
{lineColor1}" weight="
5" alpha="
.5"
/>
</mx:lineStroke>
<mx:verticalAxis>
<mx:LinearAxis title="title" id="v2" baseAtZero="true"/>
</mx:verticalAxis>
</mx:LineSeries>
</mx:series>
<mx:verticalAxisRenderers>
<mx:AxisRenderer placement="left" axis="{v1}"/>
<mx:AxisRenderer placement="right" axis="{v2}"/>
<mx:AxisRenderer visible="false" placement="right" axis="{v3}"/>
</mx:verticalAxisRenderers>
</mx:ColumnChart>

Hi,
Still Trying:
I've now got this code to function:
var i:int = 0;
 for each (var cat:* in event.result.chart.categories.category){
 //mx.controls.Alert.show(cat.label);
 var z:int = 0;
 for each (var valuee:* in event.result.chart.dataset){
 //mx.controls.Alert.show(event.result.chart.dataset[z].seriesName);
 //mx.controls.Alert.show(valuee.sete[i].value);
 z++;
 i++
which works fine, how can I get in into Array to make a dataset for the flex charts?
Thanks,
Elad

Line chart with different length series?

Hello,
I would like to draw a line chart with three different series.
1. Previous year
2. Current year (until now)
3. Estimate (2 months)
I've got 12 values for the previous year, 4 values for the current year (January to April) and 2 estimated values for May and June.
When I define the three series, each is stretched over the whole width of the chart. How can I avoid that and force for instance the April values to be displayed above each other? Is it possible at all with this type of chart? (In Excel, it's quite easy...)
Thanks for any help!
Sabine

Hi,
Youll have to write a query for your series 2 and 3 that has the same number of data points as your series 1 query, in your example that would be 12. Line series charts are always stretched over the full width by design. The months for which you have no data, would have a value of NULL. Please note that there is one issue, which has been fixed in 2.2, that causes the charting engine to only render dots instead of lines for series 2, 3, , if they have a NULL value at the last data point. So if I understand your requirements correctly, you should try this on our 2.2 hosted beta instance, and then upgrade to 2.2 when it comes out.
Regards,
Marc

Flash line chart with multiple lines

Here a newbie with apex...
Created a flash line chart with as source the following sql statement:
select null link, year, sum(total_cost) from cost
group by year
a chart has been created with a single line. i wanted every year on an own line.
The way i could do this is with multiple series like:
select null link, year, sum(total_cost) from cost
where year =2008
select null link, year, sum(total_cost) from cost
where year =2009
But this not a good solition, cause now i've to add every year a new serie
hope to get some help from here... txn in advanced.

tnx for your reply...
I will explain myself more by a picture of the wanted result, see below:
[Click here for the example image|http://img44.imageshack.us/img44/3444/grapha.jpg]
In your reply you wright you think i can create the graph with pl/sql process. After seeing my example you still think that's needed?
Hope you or some else can help... tnx in advanced.
greetings

Line chart with more than 15 data series - color problem

Hi all,
I've built a line chart with 32 data series (user can control, which of them are displayed at a time). For series 16 to 32 I did manipulate the URL in the browser directly, because Application Express does only display parametrs for up to 15 series. This works fine so far except of displaying the colors. For each sieries I defined a different color. 29 of my 32 series are displayed in the desired color. But series 29, 31 and 32 are displayed in a default-color (#0099CC). It seems that this is a SVG-problem. In the SVG-source I find the wrong color. When I export my application, I see the right color.
Thanks for help,
Chris

Hello,
Which version of APEX are you using?
Go to your Flash Chart attributes - get into your series (click the icon) in the section of Series Query you'll find the maximum rows.
Regards,
Dimitri
-- http://dgielis.blogspot.com/
-- http://apex-evangelists.com/
-- http://apexblogs.info/

Line Chart with more than 15 datapoints

I'm using Apex 3.1.
I am trying to create a line chart with more than 15 data points. Apparently 15 is the default. Question is, How do I change the default?
The Wiki has advice for changing the "Maximum Rows" parameter, but "Maximum Rows" is not to be found, either in the chart attributes or series attributes.
http://wiki.shellprompt.net/bin/view/Apex/ChartIssues
I have encountered this limitation with SVG line charts and Flash line and scatter charts. Seems like it must be an easy thing to figure out; I feel embarassed asking such a question. But I've been through all the application property pages, much of the documentation, and several tutorials... Where can I change this? It's driving me nuts!
Thanks
Fred

Hello,
Which version of APEX are you using?
Go to your Flash Chart attributes - get into your series (click the icon) in the section of Series Query you'll find the maximum rows.
Regards,
Dimitri
-- http://dgielis.blogspot.com/
-- http://apex-evangelists.com/
-- http://apexblogs.info/

JavaFX, Display Line Chart with additional text

Hello:
I am new to Java and JavaFX. I have been able to create a line chart that has four series using example code from the Oracle Javafx Documentation home. Below is the syntax used to create the line chart once the series info has been populated:
Scene scene = new Scene(lineChart,800,600);
lineChart.getData().addAll(series1, series2, series3, series4);
When I display the chart, I would also like to display additional text.
My chart measures four different averages by month. I would like to use the text to give more info about each series (ex: 6 month and 1 year total avg for each series). The Line Chart and the text that I want to add do not need to be related. I will calculate the 6 & 12 month avg and list it in the text separately.
I am struggling to find a way to display the line chart with a separate text field. If anyone can point me to some sample code that does something similar I would greatly appreciate it.
Thanks,
Troy

Hi,
My data points in my line chart are an average for a single month for each series.
Ideally I would like a table as shown below centered under the Line Chart if possible (I was unable to use underscores or spaces to build the example. The + signs would really just be a line and the ' are used for spaces):
++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++``````````````++``Series 1```++```Series 2```++``Series 3```++``Series 4``++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++6 Month Avg````++```5.6`````++``````7.8 ```++ ````4.8`````++`````8.4``++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++12 Month Avg```++```6.9`````++``````9.3 ```++ ````2.5`````++```5.7````++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Edited by: user8835022 on Jul 26, 2012 3:35 AM

Creating a multi series line chart with different data providers

I have 3 data providers of the same structure i.e ArrayCollection of DataElement and want to use them to create a multiseries line chart. I do not have just 1 dataProvider that can be used but 3 different data providers of the same structure that i want to use each for different series.
[Bindable] private var orangeSales : ArrayCollection =
 new ArrayCollection(
 [ { sales: 101000, month: new Date( '01/01/2008' ) },
 { sales: 960000, month: new Date( '02/01/2008' ) },
 { sales: 475000, month: new Date( '03/01/2008' ) },
 { sales: 425000, month: new Date( '04/01/2008' ) }
 [Bindable] private var appleSales : ArrayCollection =
 new ArrayCollection(
 [ { sales: 991000, month: new Date( '01/01/2008' ) },
 { sales: 140000, month: new Date( '02/01/2008' ) },
 { sales: 565000, month: new Date( '03/01/2008' ) },
 { sales: 255000, month: new Date( '04/01/2008' ) }
 [Bindable] private var bananaSales : ArrayCollection =
 new ArrayCollection(
 [ { sales: 891000, month: new Date( '01/01/2008' ) },
 { sales: 147560, month: new Date( '02/01/2008' ) },
 { sales: 295000, month: new Date( '03/01/2008' ) },
 { sales: 574000, month: new Date( '04/01/2008' ) }
I want to create a line chart with orangeSales, appleSales and bananaSales as three different lines on the chart for different dates specified.
<mx:ColumnChart showDataTips="true" >
 <mx:horizontalAxis>
 <mx:CategoryAxis
 dataProvider="{orangeSales}"
 categoryField="month"
 />
 </mx:horizontalAxis>
 <mx:series>
 <mx:LineSeries displayName="OrangeSales" yField="sales" xField="month" dataProvider="{orangeSales}"/>
 <mx:LineSeries displayName="AppleSales" yField="sales" xField="month" dataProvider="{appleSales}"/>
 <mx:LineSeries displayName="BananaSales" yField="sales" xField="month" dataProvider="{bananaSales}"/>
 </mx:series>
</mx:ColumnChart>
Please help!

Sorry for the confusion. Actually I must be doing some thing wrong like using ColumnChart to display a line chart or something like that.
I have now realized that a multi series line chart can be built by having a different data provider for each of the LineSeries object.
So the code below would create a multi series line graph :
[Bindable] private var orangeSales : ArrayCollection =
 new ArrayCollection(
 [ { sales: 101000, month: new Date( '01/01/2008' ) },
 { sales: 960000, month: new Date( '02/01/2008' ) },
 { sales: 475000, month: new Date( '03/01/2008' ) },
 { sales: 425000, month: new Date( '04/01/2008' ) }
 [Bindable] private var appleSales : ArrayCollection =
 new ArrayCollection(
 [ { sales: 991000, month: new Date( '01/01/2008' ) },
 { sales: 140000, month: new Date( '02/01/2008' ) },
 { sales: 565000, month: new Date( '03/01/2008' ) },
 { sales: 255000, month: new Date( '04/01/2008' ) }
 [Bindable] private var bananaSales : ArrayCollection =
 new ArrayCollection(
 [ { sales: 891000, month: new Date( '01/01/2008' ) },
 { sales: 147560, month: new Date( '02/01/2008' ) },
 { sales: 295000, month: new Date( '03/01/2008' ) },
 { sales: 574000, month: new Date( '04/01/2008' ) }
I want to create a line chart with orangeSales, appleSales and bananaSales as three different lines on the chart for different dates specified.
<mx:ColumnChart showDataTips="true" >
 <mx:horizontalAxis>
 <mx:CategoryAxis
 dataProvider="{orangeSales}"
 categoryField="month"
 />
 </mx:horizontalAxis>
 <mx:series>
 <mx:LineSeries displayName="OrangeSales" yField="sales" xField="month" dataProvider="{orangeSales}"/>
 <mx:LineSeries displayName="AppleSales" yField="sales" xField="month" dataProvider="{appleSales}"/>
 <mx:LineSeries displayName="BananaSales" yField="sales" xField="month" dataProvider="{bananaSales}"/>
 </mx:series>
</mx:ColumnChart>

Line chart with mutiple value formats

Similar Messages

Maybe you are looking for