Php - Charting Libray That Offers Linked Line Chart With Dots?
Jul 27, 2010
I'm trying to plot data from several entities over time. Each entity will have its own line, so there will be several lines. Each line will be connected, but it's important that dots are drawn to represent data.
I'm aware of the linked bar chart, but at initial inspection, I can't seem to find one that offers me the ability to draw the dots. Anyone knows which library has this? I'm open to PHP, Flex, degrafa, whatever else that gets the job done.
View 2 Replies
Similar Posts:
Jan 10, 2011
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 Replies
Jan 13, 2012
I'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?
View 2 Replies
Sep 14, 2009
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 Replies
Feb 21, 2004
URL...I'm thinking of haveing the dots move on a path (the line) clockwise. now I wonder: is it do-able in actionscript?I mean, can I set the line to be a path for the dots in actionscript? I'm thinking of something similar to the setMask() function..
View 2 Replies
Jan 19, 2011
I have two requirements for a flex charting component:
1) The grid lines should always remain fixed to a scaling I define using an array of data. Something like a graph paper sheet.
2) Plot multiple line series data over this grid.
How does one get complete control over the background grid lines? I have tried a combination of annotation elements and setting the linechart background elements. If I get the grid right, I can't plot over it (Probably due to the scale). how would one go about designing a graphpaper like interface for linecharts in flex/actionscript?
View 1 Replies
May 2, 2009
So, I have a simple connect the dots game working by drawing lines. The line is drawn when clicking the right dot.However I want to be able to let the user be able to see the line and the line moves to any dot but only draws if clicking the right one.
Code:
this.createEmptyMovieClip("line",1);
line.lineStyle(2,0x000000,100);
dot_array = ["d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8", "d9", "d10","d11","d12","d13","d14"];
[Code...
View 3 Replies
Mar 25, 2011
i m making sketch pad in as3 and i have got smoothness issue when i draw a curve but now i am facing serious issue which is "dots are coming when i draw line through mouse movement and make alpha 0.5 or less" these dots are coming with mouse speed variation, i am sending u the code which em using for smooth line
[Code]...
View 3 Replies
Oct 7, 2009
I've almost got a bit of flash finished, The .swf so-far is here: [URL]. For some reason the file won't attach but the important bit of code I have so-far is below. I need to make a line to literally 'connect the dots', each of which is one end of a movieclip, I know it needs to boil down to ' line x,y, to (movieclipname)x,y, but cannot work it out!
time.onChanged = function() {
if(time.text.length == 4) {
var hours:Number = parseInt(time.text.substr(0,2),10);
hours *= 60;
var minutes:Number = parseInt(time.text.substr(2,2),10);
[Code] ......
View 3 Replies
May 19, 2010
I have the raster of dots on white background. I would like it when I DragOver each dot it becomes white so it looks like you are actually drawing white line by erasing the dots. Ive somehow found the way how to do it by making it transparent when I rollover. But it doesnt work with dragover. How to do it only when I hold down the mouse button and drag my mouse over the dots?
This is the script assigned to MC with one black dot (I copied this MC with one dot into another MC and multiplied it to have the raster):
this.onRollOver = function () {
this._alpha = 0;
} this.onPress = function () {
this._alpha = 50;
}
I've tried also this, but it doesn't work:
var erasepoint = false;
this.onMouseDown = function(){erasepoint = true;}
this.onMouseUp = function(){erasepoint = false;}
this.onRollOver = function () {
if(erasepoint){
this._alpha = 0;
}}
View 6 Replies
Jul 13, 2009
I'm having trouble researching how to create a line chart in Flash that pulls data from an external XML file. I want to display this chart on my website for others to see. Anyone familiar with creating line charts via flash and xml? I did find a few websites that talk about it but not for flash purposes
View 1 Replies
May 5, 2009
I need to build my own line chart using AS3+XML, something like this: http://flashden.net/item/xml-graph-data/23028
View 8 Replies
Nov 17, 2010
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
View 1 Replies
Jan 6, 2010
I have something like this xml data
<data>
<result month="Jan-04">
<employee id="1">
[code].....
View 1 Replies
Aug 3, 2010
Apparently, it is not possible to have a chart with several independant horizontal axis. What I am trying to achieve is :
Display a bar chart, organized by any category
Overlay a line (actually a single horizontal line) on top of it (to display some sort of threshold)
I tried doing the following :
[Bindable] public var columnsDataProvider : ArrayCollection =
new ArrayCollection([{"Category" : "Cat1", "Value" : 10},
{"Category" : "Cat2", "Value" : 20}]);
[Code] .....
This is the closest to what I want, except that the line does not start span all the graphs vertically (it is drawn only between the two columns of my bar chart). Is it possible to define a completely independant horizontal axis? I also tried drawing directly on the canvas, but the canvas.lineTo() method only works in "data" coordinate; I would need something that works in "chart/canvas/absolute/whatever" coordinates.
View 1 Replies
Mar 30, 2011
I'm trying to have a line chart with a fixed y-axis. that is, I have values that are mostly between 30 and 70, but I'd like to have the chart y-axis as a constant between 0 and 100 so it wouldn't resize as new values are coming in (if they happen to be larger than previous values).
View 2 Replies
Oct 24, 2002
I'm currently looking into a project which requires a line chart to be generated from an external data source (XML) with a variable number of points.
View 3 Replies
Nov 22, 2009
I have a Line Series Chart in Flex with values from 0 to 90. I would like to set the background of the chart in such a way that, 0 - 30 is in green, 31 - 60 is in red and 61 - 90 is in blue.
View 2 Replies
Feb 10, 2010
I am wondering how will I proceed with the following requirement. I need to create a line chart of business data of the last 8 quarters. It is easy, but the requirement is that, there should not be a connection between last year's Q4 and this years Q1. In effect, using the same array collection i need to split the line chart so that it looks like two different lines on the same chart. How to proceed with it.
View 1 Replies
Nov 3, 2010
I am using the standard Flex 3 BubbleChart component and I would like to customize a couple of the grid lines separately from the rest.
I would like to highlight a gridline in the X-direction as well as in the Y-direction to show a quadrant.
Is there any way to customize the look and feel of a subset of gridlines within a Flex chart (i.e. bubble chart)?
View 1 Replies
Dec 6, 2010
I have a Flex line chart where I allow the user to change the y axis ranges. When a data point falls outside the ranges, the chart drops the line segments on either side of the out of range point leaving a gap in the data line. I'm currently using the data function to clamp the values out of range to the y axis min/max, but this displays misleading data.
View 1 Replies
Jun 1, 2011
Here is my question:I have a hybrid chart that uses bars and linesI want to add to the right vertical axis a horizontal line that represents a break even
<mx:ColumnChart id="cvpaOpenCloseRatio" x="79" y="107"
dataProvider="{CF_Closed_to_Opened_by_MonthResult.lastResult}"
showDataTips="true">
[code]......
View 1 Replies
Jul 26, 2011
I am stuck with a requirement to display a horizontal line on a ColumnChart to indicate a threshold level. I have the data to the Chart as an ArrayCollection.
Is it possible to get the location of a value that is shown on the y axis? I think I will be able to place a line or 1px high canvas on top of the Chart to achieve this. Or better, is there any built in functionality that i may have overlooked or is there some open library that can achieve something like this?
View 1 Replies
Mar 8, 2011
I am using FlashBuilder 4 and doing a simple application in flex. I am displaying a graph with 10 random values and based on the values I am trying to change the itemrenderer dynamically like CandlestickItemRenderer and BoxItemRenderer. Now my requirement was, if the values are > 10. I want to show my chart with CandlestickItemRenderer else i want to show the remaining spots as BoxItemRenderer. I am failing to do this. Either I am getting all the shapes as BoxItemRenderer or CandlestickItemRenderer. I am sending the code as a text file along with this.
View 1 Replies
Sep 17, 2010
Is there a way to set a fixed number of ticks on a DateTimeAxis?
View 3 Replies
Aug 25, 2009
Is there a way to draw a line on a graph (or at least get the position) on specific date?
I have a graph where X is Date data, I want to draw a line with a text on each Year and each 3 months as reference, not part of the graph series.
View 1 Replies
Nov 24, 2009
I have a Flex Column Chart, which shows bars with each positive and negative values.I only want to have a horizontal line at 0 to distinguish between positive and negative values.I turned off all the axis.How could I achieve to get this line?
View 1 Replies
Jun 22, 2010
I have created a line chart and another datagrid.based on dataitem clicked nthe chart should be changed. For example I have datagrid for stocks with 3 stocks GOOGL,Yahoo and ADBE .On clicking upon the GOOGL the google data should be loaded in to line chart.
View 1 Replies
Apr 10, 2011
I want to show the second line series underneath the first one, however with this code they are appearing sequentially. Not sure how to make sure they are overlayed! I followed some code I saw for combining charts.. not sure what to do.
<mx:LineChart showDataTips="true" x="10" y="77" id="GlucoseChart" width="1009" height="219">
<mx:horizontalAxis>
<mx:DateTimeAxis dataUnits="hours" parseFunction="parseDateString" displayLocalTime="true" />
</mx:horizontalAxis>
<mx:series>
[Code] .....
View 2 Replies
Jan 16, 2012
I'm new to Flex, I've tried to do this using a CartesianDataCanvas inside backgroundElements in mxml, then using ActionScript to draw lines on the data canvas using moveTo(x1,y1) and lineTo(x2,y2), which draws a line between (x1,y1) and (x2,y2).
The problem with the above method is the tick mark length is a function of the chart area (which depends on the browser window size).
What I need is a method that:
(1) starts at a data coordinate (e.g. moveTo(x1,y1) works fine for this)
(2) draws a line to a screen coordinate (e.g. lineTo(x_screen, y_screen) where x_screen and y_screen are screen coordinates).
Is there anything that can accomplish this in Flex/AS3?
Alternatively, could I use screen coordinates for both steps above? If so, how to convert between screen and data coordinates? For example, is the upper right corner of the screen always a fixed data coordinate that I could reference is creating such a conversion?
Alternatively, could I save a five-pixel line in Illustrator and simply paste that image in the chart somehow? If so, how to paste it exactly at a data coordinate?
View 1 Replies
