Search the Community

Hello, Is it possible to have a shaded area that doesn't go all the way down to zero? I'm looking to have a a multi-line chart with a shaded area, i.e. from the attached image, the light grey line (lowest line) should be shaded down to 45 and not 0. -Mazen

I am currently using chart JS to do a line chart with a scatter point. I am trying to do this on Fusionchart. My ultimate goal is to my graph to look like this.

In my paga.jsp i received 1, 2 or dataSets (diferent Strings). So, depends how much dataSets i received i want to put 1, 2 or 3 dataSet in my chart. Example: "dataset": [ { "seriesname": "1|2|3|2", "data": "1|10|20" }, { "seriesname": "11|12|13", "data": "10|100|200" }, ] And i want to put in automatic, and to depends how much dataSets i received. Its that posible? Thanks

Hi, When FC was on 3.10 version, the multi-series line chart had a nice functionality : when clicking on legend, the line is going from its position to below and by clicking again from below to its position, this was really a nice animation. Since the 3.11 version, why did you disable it ? Is there any option to reactivate it ? Thank you, Sébastien

Hello, I have been working with Fusion Charts for quite some time now and the product is great. I am now trying to create a Real Time Line Graph using Fusion Charts with the data to be fetched from MySQL. Following your documentation for the same, I have successfully implemented "Line Chart". However if change the chart type to "realtimeline", the chart does not load. It says "No data to display". The code: if ($resulthum) { // The `$arrData` array holds the chart attributes and data $arrDatahum = array( "chart" => array( "caption" => "Real-time stock price monitor", "subCaption" => "Harry's SuperMart", "xAxisName" => "Time", "yAxisName" => "Stock Price", "numberPrefix" => "$", "refreshinterval" => "5", "yaxisminvalue" => "35", "yaxismaxvalue" => "36", "numdisplaysets" => "10", "labeldisplay" => "rotate", "showValues" => "0", "showRealTimeValue" => "0", "theme" => "fint" ) ); $arrDatahum["data"] = array(); // Push the data into the array while($row = mysqli_fetch_array($resulthum)) { array_push($arrDatahum["data"], array( "label" => $row["timestamp"], "value" => $row["humidity"] ) ); } /*JSON Encode the data to retrieve the string containing the JSON representation of the data in the array. */ $jsonEncodedDatahum = json_encode($arrDatahum); /*Create an object for the column chart using the FusionCharts PHP class constructor. Syntax for the constructor is ` FusionCharts("type of chart", "unique chart id", width of the chart, height of the chart, "div id to render the chart", "data format", "data source")`. Because we are using JSON data to render the chart, the data format will be `json`. The variable `$jsonEncodeData` holds all the JSON data for the chart, and will be passed as the value for the data source parameter of the constructor.*/ $columnCharthum = new FusionCharts("realtimeline", "myFirstChart2" , 600, 330, "chart-2", "json", $jsonEncodedDatahum); // Render the chart $columnCharthum->render(); // Close the database connection $dbhandle->close(); If you could please identify the mistake I am making, it would be great. Waiting for a reply soon. Abhijit Nathwani

Hello, I'm trying to create a chart showing two series lines. The first would be the Planned Costs (vs. Date) and the second series is the Actual Costs (vs. Date). The problem is that there are large date gaps between data points and I have dates where I don't have values for both series. If a "Actual" cost is between two "Planned" costs, the line is broken for both series. Is there a reason that the lines are not continuous? Is there a way that I can get the lines to not be broken? I've tried grouping the date data by day, but this did not solve my issue. Also, without date grouping, the X-axis does not represent correct spacing for date data. The gaps are always uniform in the data. is there a way to set the x-axis to a date range and have it scale correctly? This didn't seem to work with an X-Y chart either. This seems like it should be a fairly simple problem for this type of program. I've attached example data and a screenshot of the chart that is created. Any help would be greatly appreciated. Best regards. Example Data: Broken Line Chart:

I want single line chart, with dual y axis; i.e. each point of line have two values for both y axis. ex. in below chart, consider all points connected as line. approx values. (for simplicity did, y2 value = 2 * y1, actual values are different.) Point 1 refer as Month=Jan, Qty=20, Amount=40K Point 2 refer as Month=Feb, Qty=18, Amount=36K Point 3 refer as Month=Mar, Qty=13, Amount=26K Point 4 refer as Month=Apr, Qty=22, Amount=44K Point 5 refer as Month=May, Qty=16, Amount=32K 35|______________________________________________________________|70K |_________________*_____________________________________________| 30|_______________________________________________________________|60K |_______________________________________________________________| 25|_______________________________________________________________|50K |_______________________________________________________________| 20|___*_________________________________________*__________________|40K |_______________________________________________________________| 15|___________________________________________________________*___|30K |_______________________________*_______________________________| 10|_______________________________________________________________|20K |_______________________________________________________________| 5|_______________________________________________________________|10K |_______________________________________________________________| Qty------Jan----------Feb------------------Mar---------------------Apr---------------May----Amount How can i achieve same?

I'm trying to build a line chart (MSLine.swf) and I want my lines to be dashed (or dotted). I see I can apply the dashed attribute to a trend line <vLine dashed='1' />. I also can add the dashed attribute to the dataset <dataset dashed="1">. When I apply this attribute to the dataset for a chart area (MSArea.swf), I get the result I want. Is this feature NOT supported for line charts? What am I missing?

1. I am getting this error message when I render any Chart in a JQuery Dialog under IE8 browser. Particularly, Line Chart does not render Point or Dots over Line . Message: Error while retrieving data from the chart-object. Line: 32 Char: 481 Code: 0 URI: http://localhost:8080/SupplyChain/js/graph/FusionCharts.js

When you render a Logarithmic line that includes values of '0', the graphs do not render continuously. I will attach XML and image. This is with the latest 5/28/2013 release. <chart caption='Finished for Queue 'blah' in Project 'blah' (Last 24 Hours)' yAxisName='Jobs' showAnchors='1' anchorRadius='2' formatNumberScale='1' decimalPrecision='3' showValues='0' showNames='1' axis='log' logBase='10' showLegend='1' animation='1' showhovercap='1' labelStep='9'><categories> <category label='09:32' /> <category label='09:37' /> <category label='09:42' /> <category label='09:47' /> <category label='09:52' /> <category label='09:57' /> <category label='10:02' /> <category label='10:07' /> <category label='10:12' /> <category label='10:18' /> <category label='10:22' /> <category label='10:28' /> <category label='10:33' /> <category label='10:38' /> <category label='10:43' /> <category label='10:48' /> <category label='10:53' /> <category label='10:58' /> <category label='11:03' /> <category label='11:08' /> <category label='11:13' /> <category label='11:18' /> <category label='11:22' /> <category label='11:28' /> <category label='11:32' /> <category label='11:37' /> <category label='11:42' /> <category label='11:47' /> <category label='11:52' /> <category label='11:58' /> <category label='12:02' /> <category label='12:07' /> <category label='12:12' /> <category label='12:18' /> <category label='12:22' /> <category label='12:30' /> <category label='12:33' /> <category label='12:37' /> <category label='12:42' /> <category label='12:47' /> <category label='12:52' /> <category label='12:57' /> <category label='13:02' /> <category label='13:07' /> <category label='13:12' /> <category label='13:17' /> <category label='13:22' /> <category label='13:27' /> <category label='13:32' /> <category label='13:37' /> <category label='13:42' /> <category label='13:47' /> <category label='13:52' /> <category label='13:57' /> <category label='14:02' /> <category label='14:08' /> <category label='14:12' /> <category label='14:17' /> <category label='14:22' /> <category label='14:27' /> <category label='14:32' /> <category label='14:37' /> <category label='14:42' /> <category label='14:47' /> <category label='14:52' /> <category label='14:57' /> <category label='15:02' /> <category label='15:07' /> <category label='15:12' /> <category label='15:17' /> <category label='15:22' /> <category label='15:27' /> <category label='15:32' /> <category label='15:37' /> <category label='15:42' /> <category label='15:47' /> <category label='15:52' /> <category label='15:57' /> <category label='16:02' /> <category label='16:07' /> <category label='16:12' /> <category label='16:17' /> <category label='16:22' /> <category label='16:27' /> <category label='16:32' /> <category label='16:37' /> <category label='16:42' /> <category label='16:47' /> <category label='16:53' /> <category label='16:57' /> <category label='17:02' /> <category label='17:07' /> <category label='17:12' /> <category label='17:32' /> <category label='17:52' /> <category label='18:12' /> <category label='18:32' /> <category label='18:52' /> <category label='19:12' /> <category label='19:32' /> <category label='19:52' /> <category label='20:12' /> <category label='20:32' /> <category label='20:52' /> <category label='21:27' /> <category label='21:32' /> <category label='21:52' /> <category label='22:12' /> <category label='22:32' /> <category label='22:52' /> <category label='23:12' /> <category label='23:32' /> <category label='23:52' /> <category label='00:12' /> <category label='00:33' /> <category label='00:52' /> <category label='01:12' /> <category label='01:33' /> <category label='01:53' /> <category label='02:12' /> <category label='02:32' /> <category label='02:52' /> <category label='03:12' /> <category label='03:32' /> <category label='03:53' /> <category label='04:13' /> <category label='04:32' /> <category label='04:52' /> <category label='05:12' /> <category label='05:32' /> <category label='05:52' /> <category label='06:12' /> <category label='06:32' /> <category label='06:52' /> <category label='07:12' /> <category label='07:32' /> <category label='07:52' /> <category label='08:12' /> <category label='08:32' /> <category label='08:52' /> <category label='09:12' /> </categories> <dataset seriesName='My Done' color='7EE600' anchorBorderColor='7EE600'> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='1' /> <set value='1' /> <set value='0' /> <set value='3' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='0' /> <set value='2' /> <set value='4414' /> <set value='497' /> <set value='319' /> <set value='150' /> <set value='68' /> <set value='78' /> <set value='118' /> <set value='141' /> <set value='207' /> <set value='105' /> <set value='150' /> <set value='109' /> <set value='79' /> </dataset> <dataset seriesName='Others Done' color='942D0C' anchorBorderColor='942D0C'> <set value='48' /> <set value='116' /> <set value='407' /> <set value='43' /> <set value='69' /> <set value='16' /> <set value='0' /> <set value='19' /> <set value='100' /> <set value='16' /> <set value='2' /> <set value='23' /> <set value='0' /> <set value='24' /> <set value='0' /> <set value='62' /> <set value='0' /> <set value='39' /> <set value='0' /> <set value='31' /> <set value='0' /> <set value='21' /> <set value='0' /> <set value='620' /> <set value='0' /> <set value='57' /> <set value='0' /> <set value='120' /> <set value='0' /> <set value='65' /> <set value='0' /> <set value='31' /> <set value='0' /> <set value='854' /> <set value='934' /> <set value='236' /> <set value='127' /> <set value='191' /> <set value='18' /> <set value='0' /> <set value='165' /> <set value='0' /> <set value='58' /> <set value='89' /> <set value='16' /> <set value='0' /> <set value='32' /> <set value='112' /> <set value='38' /> <set value='85' /> <set value='56' /> <set value='8' /> <set value='0' /> <set value='45' /> <set value='81' /> <set value='57' /> <set value='20' /> <set value='96' /> <set value='16' /> <set value='60' /> <set value='76' /> <set value='53' /> <set value='94' /> <set value='59' /> <set value='43' /> <set value='10' /> <set value='18' /> <set value='47' /> <set value='63' /> <set value='46' /> <set value='22' /> <set value='19' /> <set value='42' /> <set value='41' /> <set value='62' /> <set value='60' /> <set value='70' /> <set value='31' /> <set value='62' /> <set value='67' /> <set value='93' /> <set value='79' /> <set value='81' /> <set value='53' /> <set value='98' /> <set value='62' /> <set value='85' /> <set value='66' /> <set value='131' /> <set value='92' /> <set value='43' /> <set value='115' /> <set value='132' /> <set value='123' /> <set value='114' /> <set value='100' /> <set value='84' /> <set value='43' /> <set value='1629' /> <set value='3885' /> <set value='1281' /> <set value='1029' /> <set value='594' /> <set value='230' /> <set value='530' /> <set value='356' /> <set value='2157' /> <set value='248' /> <set value='402' /> <set value='688' /> <set value='2063' /> <set value='1431' /> <set value='7925' /> <set value='2888' /> <set value='669' /> <set value='623' /> <set value='378' /> <set value='122' /> <set value='72' /> <set value='30' /> <set value='926' /> <set value='325' /> <set value='197' /> <set value='1253' /> <set value='2201' /> <set value='2270' /> <set value='529' /> <set value='126' /> <set value='1229' /> <set value='139' /> <set value='233' /> <set value='2211' /> <set value='160' /> <set value='122' /> <set value='198' /> <set value='414' /> <set value='215' /> <set value='920' /> <set value='163' /> <set value='148' /> <set value='206' /> </dataset> </chart>