Line chart of several series with staggered data points

Similar Questions

• line graph - 3rd value added to each data point

  I have a table with the stock trades:

  http://www.psychobanker.com/main.php

  I would like to add the name of the person who made the trade for each value so that when the user hovers with the mouse over the chart, he can see who made the trade. How can I achieve this? Add another value to the arrayCollection collection has no effect. The graph always shows only the xvalue and yvalue.

  Thank you

  Hello

  Use dataTipFunction.

  Here is an example. There PieChart, but you can do the same thing with the line chart.

  http://blog.flexexamples.com/2007/11/04/creating-a-custom-data-tip-function-on-a-Flex-PIEC hart-control.

  See the docs page if you need to

  http://livedocs.Adobe.com/Flex/3/HTML/Help.HTML?content=charts_displayingdata_08.html

• Creating a line chart series multi with different data providers

  I have 3 providers of data of the same structure that is ArrayCollection of data collection and that you want to use to create a line chart multiseriate. I don't have just 1 dataProvider that can be used but 3 different data providers of the same structure I want to use each different series.

  [Bindable] private var orangeSales: ArrayCollection = collection

  new ArrayCollection collection)

  [{sale: 101000, month: new Date (January 1, 2008 "")},]

  {sale: 960000, month: new Date (February 1, 2008 ')},

  {sale: 475000, month: new Date (March 1, 2008 ')},

  {sale: 425000, month: new Date (April 1, 2008 "")}

  ] );

  [Bindable] private var appleSales: ArrayCollection = collection

  new ArrayCollection collection)

  [{Sales: 991000, month: new Date (January 1, 2008 "")},]

  {sale: 140000, month: new Date (February 1, 2008 ')},

  {sale: 565000, month: new Date (March 1, 2008 ')},

  {sale: 255000, month: new Date (April 1, 2008 "")}

  ] );

  [Bindable] private var bananaSales: ArrayCollection = collection

  new ArrayCollection collection)

  [{sale: 891000, month: new Date (January 1, 2008 "")},]

  {sale: 147560, month: new Date (February 1, 2008 ')},

  {sale: 295000, month: new Date (March 1, 2008 ')},

  {sale: 574000, month: new Date (April 1, 2008 "")}

  ] );

  I want to create a line chart with orangeSales, appleSales and bananaSales as three different lines on the graph for different specified dates.

  < mx:ColumnChart showDataTips = "true" >

  < mx:horizontalAxis >

  < mx:CategoryAxis

  dataProvider = "{orangeSales}".

  categoryField = 'months '.

  / >

  < / mx:horizontalAxis >

  < mx:series >

  < mx:LineSeries displayName = "OrangeSales" yField = "sale" xField = "month" dataProvider = "{orangeSales}" / >

  < mx:LineSeries displayName = "AppleSales" yField = "sale" xField = "month" dataProvider = "{appleSales}" / >

  < mx:LineSeries displayName = "BananaSales" yField = "sale" xField = "month" dataProvider = "{bananaSales}" / >

  < / mx:series >

  < / mx:ColumnChart >

  Help, please!

  Sorry for the confusion. In fact I do something wrong, such as using ColumnChart to display a line chart or something like that.

  Now, I realized that a multi series line graph can be built by the presence of a different data provider for each of the LineSeries object.

  If the code below would create a multi series line graph:

  [Bindable] private var orangeSales: ArrayCollection = collection

  new ArrayCollection collection)

  [{sale: 101000, month: new Date (January 1, 2008 "")},]

  {sale: 960000, month: new Date (February 1, 2008 ')},

  {sale: 475000, month: new Date (March 1, 2008 ')},

  {sale: 425000, month: new Date (April 1, 2008 "")}

  ] );

  [Bindable] private var appleSales: ArrayCollection = collection

  new ArrayCollection collection)

  [{Sales: 991000, month: new Date (January 1, 2008 "")},]

  {sale: 140000, month: new Date (February 1, 2008 ')},

  {sale: 565000, month: new Date (March 1, 2008 ')},

  {sale: 255000, month: new Date (April 1, 2008 "")}

  ] );

  [Bindable] private var bananaSales: ArrayCollection = collection

  new ArrayCollection collection)

  [{sale: 891000, month: new Date (January 1, 2008 "")},]

  {sale: 147560, month: new Date (February 1, 2008 ')},

  {sale: 295000, month: new Date (March 1, 2008 ')},

  {sale: 574000, month: new Date (April 1, 2008 "")}

  ] );

  I want to create a line chart with orangeSales, appleSales and bananaSales as three different lines on the graph for different specified dates.

  <>

  dataProvider = "{orangeSales}".

  categoryField = 'months '.

  />

• line chart with a single point of data not displaying not

  I work with the line chart and I am facing problem
  (1) if I get a data with a single point to draw, the graphic is not
  the graphic line required at least 2 data raising the graph appear
  How to make a graph to display when I get one record in my
  data provider.

  I'm housing one gettong point (x, y) in a single record.
  so this table does not appear I need two points, two points (x 1, y1) and
  (x 2, y2)
  y at - it a solutioin to draw the line chart with a point (x, y) and
  show some points in the chart?

  Looking forward to hear from you guyzz, thanks for looking into it.

  Thank you

  I tried in IE and Firefox - everything is OK.

  What version on FP for IE and Firefox are you using?

• Several series - alignment of the line/column chart

  In one of the pages of the cartographic section of the online help of Adobe's Flex,
  
  http://livedocs.Adobe.com/Labs/Flex3/HTML/Help.HTML?content=charts_types_12.html#227567
  
  There is a photo near the top shows a line chart superimposed on a column chart, and the ends of the line segments are centered horizontally in each bar.
  
  There are two examples of code more far in the page of similar graphics, but the bars are only half as large as they are in the first image, and the result is that the segment of line ends coincide with the straight edges of the bar instead of the bar of the centres.
  
  I wonder how to produce a chart as the first photo. I tried different combinations of columnWidthRatio, but nothing seemed to help. If I add more series online for examples, the bars become thinner, as if the ColumnChart determines the bar width according to the number series, not only the serial number of the column total .
  
  I thought about trying to add an ItemRenderer for the ColumnSeries, but it seems like it should be an easier way. Any ideas? -Bruce

  Found the answer here:

  http://tech.groups.Yahoo.com/group/flexcoders/message/83539

• Anyway do not draw data points as nodes on a line chart?

  I have no use for the each data point = function node on my chart, and I suspect that's the reason why in my application performance is very poor. I have a line chart which can be composed of several hundreds, or even thousands, individual data points----> I can not afford to draw a node for each of these points when he didn't need to do. I just need the line between the drawn points.

  A quick ogle at the JavaDoc reveals no obvious way to do it. I can remove the Visual effect in CSS - and I have - but the nodes are still created.

  How can I prevent the JavaFX creating a node for each point?

  I have the same problem: try to use

  lineChart.setCache(true);
  lineChart.setCacheHint(CacheHint.SPEED);
  

  This should speed up your data series

• help in hiding and showing the series in a line chart

  Hello world
  
  I have a line chart with 8 sets of data and I would have checkboxes to show and hide each series, if the graph is not too busy.
  
  How can I do this?
  
  Thank you
  Ryan

  Hello Ryan,

  If you use the library AnyChart which is provided by default in the APEX of the following links may help:

  [url http://www.anychart.com/products/anychart/docs/users-guide/livesamples/js-series/index.html] Adding, deleting, changing, hiding and showing Series - AnyChart JavaScript interactivity

  {: identifier of the thread = 2201947}

  I hope that helps!
  Kind regards
  Kiran

• Series name is not in the series of the line chart that is created dynamically

  I created dynamically a chart series. This works well but the passage of the mouse on the data points shows only the x and the values, but not the name of the series, the legend shows a series of color boxes to match the lines, but no labels displayed for each colored area. Here is my code:

  linechart2.series = [];

  for(a = 0; a < allSettingsArray.length; a ++) {}

  CREATE SEVERAL VERTICAL AXIS

  var verticalAxis1:LinearAxis = new LinearAxis();

  var verticalAxisRenderer1:AxisRenderer = new AxisRenderer();

  verticalAxisRenderer1.axis = verticalAxis1;

  series: var LineSeries = new LineSeries();

  series.verticalAxis = verticalAxis1;

  series.yField = allSettingsArray [a];

  linechart2.series.push (series);

  }

  Each data point is defined in a loop like:

  temp ['gameNum'] = String (a);

  Str = String(attrVal[0]);

  Temp [str] = attrVal [1];

  Then added in the ArrayCollection collection:

  resultArrayColl.addItem (temp);

  Any suggestions, what I'm missing here?

  Mention displayName for the lineSeries.

  --

  TANU

• Line chart with nested &lt; XML &gt; node

  Hello

  I use a Flex 3 line chart.

  The table gets its data from a remote through < mx:HTTPService > as XML file:

  < mx:HTTPService id = "myServ" url = "MyChartData.xml" / >

  I want the chart to draw for all nodes that fall under each set of nodes for the < node > values:

  nodes <>

  < nodeset id = "1" >

  <>node

  <>node

  < / nodeset >

  < nodeset id = "2" >

  <>node

  <>node

  < / nodeset >

  < / node >

  The graph is get mapped out when I use the dataProvider for only the first internal as node:

  myServ.lastResult.nodes.nodeset [0] .node

  How to get the graph plotted for all interior nodes?

  The mxml:

  --------------------------

  < mx:LineChart id = "myChart" width = "100%" height = "100%" showDataTips = "true" dataProvider = "{myServ.lastResult.nodes.nodeset.node}" >

  < mx:horizontalAxis >

  < mx:CategoryAxis categoryField = "time" title = "Node value" / >

  < / mx:horizontalAxis >

  < mx:verticalAxis >

  < mx:LinearAxis title = "Interval" / >

  < / mx:verticalAxis >

  < mx:series >

  < mx:LineSeries id = "myLineSeries1" xField = "time" yField = "value" / >

  < / mx:series >

  < / mx:LineChart >

  The XML code example:

  --------------------------

  <? XML version = "1.0" encoding = "utf-8"? >

  nodes <>

  < id nodeset = "1" >

  < period node = "01" >

  < value > - 115 < / value >

      </node>

  < period node "02" = >

  < value > - 115 < / value >

      </node>

  < period node = "03" >

  < value > - 114 < / value >

      </node>   

  < period node '04' = >

  < value > 0 < / value >

      </node>

  </nodeset>

  < nodeset id = "2" >

  < period node '05' = >

  < value > - 114 < / value >

      </node>

  < period node "06" = >

  < value > 0 < / value >

  < / node >

  < period node "07" = >

  < value > 0 < / value >

  < / node >

  < period node '08' = >

  < value > 0 < / value >

      </node>

  < / nodeset >

  < / node >

  HTTPService.resultFormat = "e4x";

  The default value is object that will play not well what attributes. XML would work too, but e4x extends with a few useful shortcuts.

• Creating a line chart PDF-report generator model with APEX

  Hi all

  I would like to create a PDF report with a chart using Apex and the generator plugin model for Word.

  My Select statement, which I use as the report (shared components) query returns the data in the following way:

  Date Description amount

  ----                 -----                -----

  01.01.2014 has 1.2

  02.01.2014 has 1.3

  03.01.2014 has 0.5

  01.01.2014 B 0.3

  02.01.2014 B 4.5

  03.01.2014 B 4.8

  The XML document obtained, which creates the APEX, is:

  <? XML version = "1.0" encoding = "UTF-8"? >

  < DOCUMENT >

  < DATE > 08/10/2014 < / DATE >

  ADMIN < user_name > < / username >

  < > 102 APP_ID < / APP_ID >

  < APP_NAME > Oracle APEX AppBuilder < / APP_NAME >

  < /Title > < TITLE > graph

  < REGION ID = "0" >

  rowset <>

  < ROW >

  < date > < / Date >

  < DESCRIPTION > < / DESCRIPTION >

  < value > < / value >

  < / ROW >

  < / LINES >

  < / REGION >

  < / DOCUMENT >

  What I would like to have is a line graph with:

  • Date on the x-axis
  • Length of value on axis y
  • for each Description of Type single line

  The names and numbers of the discription varies a lot (as well as the values that they are related to the Description and date).

  What I tried:

  A lot, trying to make this work for 4 weeks, on and outside.

  Tried to edit the chart XML in Word, edit the SQL query, pivot the result SQL to get the Descriptions as columns and of course a lot of Googling.

  Please let me know if you have any advice.

  Thanks in advance,

  Thomas

  Oracle DB: 11g

  ApEx Version: 4.2.5.00.08

  Last Oracle BI Builder Plugin for Word template

  Finally found my Solution. What I was looking for is:

• Interactive report several series in the same chart?

  Hello
  I am about to develop a chart report showing multiple series in the same chart
  ex
  Series1: product A, amounts, dates
  Series2: product B, amounts, dates
  etc.
  It would be good to use IntractiveReports in this case, but is - it possible?
  Thanks for the tips & tricks
  Cordially GASon

  Hi Gunnar,

  It is not actually possible create a multiple series chart using the Actions menu for an interactive report. Only the single series charts can be generated using this option. You need generate a separate table to manage your needs, which you obviously could position itself on the same page as your interactive report. The advantage to generate a separate table means that you can choose from a wide range of types of exposed by the wizards for creating Flash charts. We take to support the generation of 4 types of charts (horizontal bar, column, line, Pie) via the Action of graphics on interactive reports menu, but we support 26 types of graphs (ranging from the Gantt chart 2D column) via Wizards of creation. You may find it useful to take a look at my sample application (http://apex.oracle.com/pls/apex/f?p=36648) and also books AnyChart-online (http://anychart.com/products/anychart/overview/) and the graphics library, for more information on the cards.

  I hope this helps.

  Kind regards
  Hilary

• Line chart multiple series shows the range of points.

  I have a 4 line chart series (using the Application Express 3.1.2.00.02 and Anychart 3.3). Data are based on a date range (x-axis). When I try to send back more than a month of a data value, it will only show points for a month (for example, the date range is 01/06/10 - 12/1/10 it will only display data for 6/1 - 7 / 1). Please let me know if you want more details.
  
  Any help is greatly appreciated.
  
  Edited by: cjmartin December 8, 2010 12:14

  Order what you have in your series on the chart lines maximum .

  Jeff

• Newbie: why can I not use a collection of table to feed a line chart series

  Unfortunately, I have a simple wish, but I'm spending hours trying to get this to work flex.

  1. take a collection of table

  2. Enter the data in a chart.

  To bind the data to the table... I tried all kinds of combinations of "@date" or data.date or {date}... etc...

  Below, works now... why?  (Note, when I self an XMLListcollection and @close for data binding, it seems to work)

  I'm at the beginning of the career of 'flex' and must admit that it is difficult with the lack of detailed examples, so hopeful of inspiration.

  < mx:ArrayCollection id = "2" >
  < mx:source >
  < mx:Object date = open '8' = '40,38' close = "40.81" / >
  < mx:Object date = '9' open = "40.5" close = "40,41" / >
  < mx:Object date = "10" open = '40,82' close = "40.6" / >
  < / mx:source >
  < / mx:ArrayCollection >
  
  < mx:Panel title = 'LineChart and AreaChart control 3.
  = "84" height = "491" width = "729" layout = "horizontal" x = "350" >
  < mx:LineChart id = 'linechart' height = '100% ' width = '100% '.
  paddingLeft = "5" = "5" paddingRight
  showDataTips = "true" dataProvider = "{2}" >
  < mx:horizontalAxis >
  < mx:CategoryAxis id = categoryField = "{data.date 'ca'}" title = "Date" / > "
  < / mx:horizontalAxis >
  < mx:series >
  < mx:LineSeries yField = "{data.close}" form = "curve" displayName = "Profit" lineStroke = "{s1}" / > ""
  < / mx:series >
  < / mx:LineChart >
  < mx:Legend dataProvider = "{linechart}" / >
  < / mx:Panel >

  Try categoryField = "date" and yField = "close" with no braces.

• Primary key several columns with Date - parameter problem

  All,
  I'm having a problem where I can not find the answer to. I looked upstairs and down nothing helps. Help, please.
  
  The issue is that I have a table that has a primary key of several columns and a column is a date, and the other is a string. I have a simple search and I want a picture update of the results table that users can click on and go to another page to update this record. The question is when I launch an appeal based on the updated image, I also want to define the settings based on the record that I have selected. So I put the string parameter and that works very well. The problem is with the date. When I put the setting date this market but he chops off the coast of the timestamp. Later when I try to access this setting "("dateParameter") pageContext.getParameter"; that it will bring a date as December 15, 2008 but I need the whole date and time stamp (i.e., December 15, 2008 10:20:33) to properly identify the record.
  
  Help, please!
  
  Thank you
  Colby J

  Hello

  because each parameter go into url as a format string, so you will never get the full date with timestamp setting, the solution would be to

  1.) set a fire on the photo update action, give his name to the event as "update."

  (2.) by clicking Update photograph fires this event.

  (3.) processFormrequest in the controller method

  OAApplicationModule am = pageContext.getApplicationModule (webBean);

  If ("update".equals (pageContext.getParameter ("event")))
  {
  This will give you the select line when you click Update

  String rowReference = pageContext.getParameter (OAWebBeanConstants.EVENT_SOURCE_ROW_REFERENCE);
  Line VORowImpl = (EmployeeSummaryVORowImpl) am.findRowByRef (rowReference);
  Timestamp sdateVal = (String) row.getAttribute ("Date value");

  This will transfer the values to the next page
  pageContext.putTransactionTransientValue ("transferdvalue", sdateVal);

  }

  and in the next page, you can get the value as follows

  timestamp getDateVal = pageContext.getTransactionTransientValue ("transferdvalue" l);

  hope this will solve your problem, please let me know if you face any problem

  thanx
  Pratap

• Numbers - graphs and charts - how can I add notes to individual groups of points of data or data points in a series.

  I use a 2D line chart to show the status of my weight loss I will give my doctor.

  

  I want to select a group of data points, or individual data in the notes to table and place the points or the labels on them so I can identify things like water weight loss, the consumption of food and splurges, and so on.

  Thank you, Eric

  There is no such feature.

  You can, however, add a column to the table where you enter the data and make this new column 'Notes' or 'Description '.

  You can also use the arrows and other graphic elements in the menu "Shapes" to highlight specific items of interest.