Search the Community

Showing results for tags 'chart'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Company Forums
    • Company News
  • Product Forums
    • FusionCharts XT
    • FusionWidgets XT
    • PowerCharts XT
    • FusionMaps XT
    • Collabion Charts for SharePoint
    • jQuery Plugin for FusionCharts
    • AngularJS plugin
    • ReactJS plugin
  • General Forums
    • FusionCharts Jobs and Consultation
    • FusionLounge

Found 21 results

  1. Chart image quality in version 3.12.1 has decreased significantly. Previously we were using 3.9.0 and the quality of the generated charts was good. After upgrade, we have noticed that charts quality went down significantly. Column bar edges, for example, is not sharp, but blurry. I have attached a screenshot with a Fiddle. The example is the one you have in your website. After a investigation we have found the cause to be the x and y values of the <rect /> that are not integers. When the numbers are integers, the edges look fine. See attached image. We have noticed that this happens on some resolutions only. From our experience, you will be able to reproduce the issue on 1920x1080 resolutions.
  2. Hello, I'm looking to create a column chart that looks similar to what's shown in the attachment. Can you please provide some guidance on the steps I may be able to take to reproduce such a result? Thanks!
  3. I am trying to pass an xml string into the datasource argument and I keep getting an invalid data message when I load the page. Any help would be appreciated. <head> <title>FusionCharts XT - Column 2D Chart - Data from a database</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!-- Include the `fusioncharts.js` file. This file is needed to render the chart. Ensure that the path to this JS file is correct. Otherwise, it may lead to JavaScript errors. --> <script src="fusioncharts/fusioncharts.js"></script> </head> <?php include("fusioncharts/fusioncharts.php"); $servername = "localhost"; $username = "*****"; $password = "****"; $dbname = "***"; // Create connection $dbhandle = new mysqli($servername, $username, $password, $dbname); // Check connection if ($dbhandle->connect_error) { die("Connection failed: " . $dbhandle->connect_error); } $dbhandle = new mysqli($servername, $username, $password, $dbname); // Render an error message, to avoid abrupt failure, if the database connection parameters are incorrect if ($dbhandle->connect_error) { exit("There was an error with your connection: ".$dbhandle->connect_error); } // Form the SQL query that returns the top 10 most populous countries $strQuery = "SELECT * FROM scores"; //$retval = mysql_query( $sql, $conn ); // Execute the query, or else return the error message. $result = $dbhandle->query($strQuery) or exit("Error code ({$dbhandle->errno}): {$dbhandle->error}"); //while($row = mysql_fetch_assoc($result)) { // echo "Category :{$row['category']} <br> ". // "score : {$row['score']} <br> ". // "--------------------------------<br>"; // } $strXML ="'<chart><categories>"; // If the query returns a valid response, prepare the XML string if ($result) { // The `$arrData` array holds the chart attributes and data //$arrData["data"] = array(); // Push the data into the array while($row = mysqli_fetch_array($result)) { $strQuery2 = "select * from desirescores where ID =" . $row['ID']; //echo $strQuery2; $result2 = mysqli_query($dbhandle, $strQuery2) or die(mysqli_error()); $ors2 = mysqli_fetch_array($result2); //Generate <set label='..' value='..'/> //free the resultset $strXML .= "<category label='" . $ors2['category'] . "' />"; mysqli_free_result($result2); } } $strXML .= "</categories><dataset seriesName='Athlete Scores'>"; $strXML .="<set value='35' /><set value='48' /><set value='31' /><set value='40' /><set value='36' /><set value='36' /><set value='36' /><set value='36' /></dataset></chart>'"; echo $strXML; $radarChart = new FusionCharts("radar", "myFirstChart" , 600, 300, "chart-1", "XML", $strXML); $radarChart->render(); $dbhandle->close(); ?> <div id="chart-1"><!-- Fusion Charts will render here--></div>
  4. Chart type not supported

    I have got a problem about using this plugin on 3.9 version. When I use the current version the error "Chart type not supported" appears in some graphics. However, when using version 3.3 the error does not occur. Follows the returned error when active debug: "[FusionCharts] fired "error" event. #11171116151 FusionChartsHC-interface~renderer.load Error >> Unable to load required modules and resources: charts". I'm using import fusioncharts.js and fusioncharts.jqueryplugin.js. The other libraries are in the same directory (fusioncharts.charts.js and fusioncharts.widgets.js). Help?
  5. So, i have DB like these : +----------+------------+-------+ | Time | Date | A0 | +----------+------------+-------+ | 17:00:00 | 2015-06-23 | 100 | | 17:05:00 | 2015-06-23 | 120 | | 17:10:00 | 2015-06-23 | 200 | | 17:00:00 | 2015-06-24 | 200 | | 17:05:00 | 2015-06-24 | 190 | | 17:10:00 | 2015-06-24 | 200 | | 08:00:00 | 2015-06-25 | 90 | +----------+------------+-------+ and I use these code : <?php //We have included ../Includes/FusionCharts.php, which contains functions //to help us easily embed the charts. include("class/Includes/FusionCharts.php"); include("class/Includes/DBConn.php"); ?> <HTML> <HEAD> <TITLE> FusionCharts XT - </TITLE> <SCRIPT LANGUAGE="Javascript" SRC="fusioncharts/fusioncharts.js"></SCRIPT> <SCRIPT LANGUAGE="Javascript" SRC="fusioncharts/themes/fusioncharts.theme.fint.js"></SCRIPT> </HEAD> <BODY> <?php $link = connectToDB(); $strQueryCategories = "select distinct Time from input where Date between '2015-06-23' and '2015-06-27' order by Time"; $resultCategories = mysql_query($strQueryCategories) or die(mysql_error()); $strQueryData = "select * from input where Date between '2015-06-23' and '2015-06-27' "; $resultData = mysql_query($strQueryData) or die(mysql_error()); $strXML = "<chart legendPostion='' caption='Konsentrasi CO2' subCaption='By Quantity' xAxisName='Time' yAxisName='Concentration (ppm)' showValues='0' formatNumberScale='0' rotateValues='1' theme='fint'>"; $strXML .= buildCategories ($resultCategories, "Time"); $strXML .= buildDatasets ( $resultData, "A0", "Date"); $strXML .= "</chart>"; echo renderChart("MSLine", "", $strXML, "FactorySum", 600, 300, false, true); mysql_free_result($resultCategories); mysql_free_result($resultData); mysql_close($link); function buildCategories ( $result, $labelField ) { $strXML = ""; if ($result) { $strXML = "<categories>"; while($ors = mysql_fetch_array($result)) { $strXML .= "<category label='" . $ors[$labelField]. "'/>"; } $strXML .= "</categories>"; } return $strXML; } function buildDatasets ($result, $valueField, $controlBreak ) { $strXML = ""; if ($result) { $controlBreakValue =""; while( $ors = mysql_fetch_array($result) ) { echo" "; if( $controlBreakValue != $ors[$controlBreak] ) { $controlBreakValue = $ors[$controlBreak]; $strXML .= ( $strXML =="" ? "" : "</dataset>") . ( "<dataset seriesName='" . $controlBreakValue . "'>" ) ; } $strXML .= "<set value='" . $ors[$valueField] . "'/>"; } $strXML .= "</dataset>"; } return $strXML; } ?> </BODY> </HTML> But what I get is a chart with false value. the 1st value of A0 data at 2015-06-23 and 2015-06-24 are at 08:00:00 instead of 17:00:00, and so goes on for the other data. Please someone help me So the only data at 08:00:00 only 2015-06-25 data
  6. Hi there, I love the product, but I've run into a configuration issue that I'm not sure there's a solution for. Currently, when I set up a multiseries chart each dataset is plotted as soon as the chart is loaded. You can then click on the label to check or uncheck a particular data series, which removes it from the chart. I'm trying to set up a chart that has a TON of datasets (think 50ish), and would like to either default it so that only one is displayed on chart load, with the user having the option to add others when they want. Alternatively, is there a "check all" or "uncheck all" option? If all of them get loaded at the same time it would be nice if to clear them all out at once, rather than having to click on each individually. If anyone has any advice on this I'd love to hear it! Thanks
  7. Hello, Can you please let me know is there any possibility to show the table data dynamically in the chart as a detailed report. Here is the attached screenshot of the same which was generated using Jasper reports. Regards, Varma
  8. I used to create this chart in Excel, and now I want to use FusionCharts to create it. The x-axis is date, while the y-axis is time. The grey area is the business hour of a room. (e.g. for 2014/04/01, the business hour is 08:00-16:00) The green/red areas mean the room is occupied by two parties. Just wondering if it is possible in FusionCharts. Thank you.
  9. Hi, I am first trying this as a basic way following the chart example and tutorial but it's not working at all. Debug gives no good reason as well. <html> <head> <title>My first gauge using FusionWidgets XT</title> <script type="text/javascript" src="fusioncharts/js/fusioncharts.js"></script> <script type="text/javascript" src="fusioncharts/js/fusioncharts.widgets.js"></script> <script type="text/javascript" src="fusioncharts/js/themes/fusioncharts.theme.fint.js"></script> <script type="text/javascript"> FusionCharts.ready(function () { var csatGauge = new FusionCharts({ "type": "vled", "renderAt": "chart-container", "width": "400", "height": "250", "dataFormat": "json", "dataSource": { { "chart": { "upperlimit": "100", "lowerlimit": "0", "numbersuffix": "%", "majortmnumber": "11", "majortmcolor": "646F8F", "majortmheight": "9", "minortmnumber": "2", "minortmcolor": "646F8F", "minortmheight": "3", "majortmthickness": "1", "decimalprecision": "0", "ledgap": "0", "ledsize": "1", "ledborderthickness": "4" }, "colorrange": { "color": [ { "minvalue": "0", "maxvalue": "30", "code": "cf0000" }, { "minvalue": "30", "maxvalue": "60", "code": "ffcc33" }, { "minvalue": "60", "maxvalue": "100", "code": "99cc00" } ] }, "value": "95" } } }); csatGauge.render(); }); </script> </head> <body> <div id="chart-container">An angular guage will load here!</div> </body> </html>
  10. Is this chart possible

    Hi, I've been tasked with trying to replicate a chart with FusionCharts which is currently created with Microsoft Excel. The chart I am trying to replicate is attached. Is it possible to create a chart like this? I've been trying for a few days without success. Any help will be appreciated. Thanks Jason
  11. Hi there, I have a page that dynamically loads between 4-6 Gannt Charts each in a separate DIV etc. This all seems to work as expected however now I'm trying to have a loading image turn on and off based on what the chart is doing. So after some googling around I found out about FC_Rendered(). This worked as expected for my quick demo application, however putting it into the dynamic JS code just does not seem to work at all. Breakdown of code: (Code triggered using on success of a POST (if that matters)) var sc = "uniqueDivID"; var jsonObject = "the data"; var chartWidth = "700"; var chartHeight = "200"; if ( FusionCharts( "myChartId_"+sc ) ) FusionCharts( "myChartId_"+sc ).dispose(); var myChart = new FusionCharts( { swfUrl: "charts-v3.2/Gantt.swf", id: "myChartId_"+sc, width: chartWidth, height: chartHeight, debugMode: "0", RegisterWithJS: "1"}); myChart.setJSONData(jsonObject); myChart.render( sc ); FusionCharts.addEventListener("dataloaded", function(eventObj, eventArgs) { console.log(eventObj.eventType + " was raised by the chart whose ID is "; }); function FC_Rendered(DOMId) { alert ( DOMId + " chart has been rendered." ); } I get neither an alert or a log in my console. I've also gone through a bunch of EventListeners to see would other ones work and the only one that seems to work for me it the "Initialized" event. I've done a bunch of Googling and have tried the following solutions: Enabling RegisterWithJS (Still turned on atm) Changing my Flash Security Settings Changing browser (chrome,firefox) It is running using Apache locally. Moving the FC_Rendered function all around the file. (yes I've resorted to pasting and praying) So I'm really at a loss on how to proceed, any potential "gotchas" I've missed?
  12. Funnel chart not rendering zero values

    Funnel chart doesn't render stages with zero amounts if there are no positive amounts at all. If there is at least one positive amount, stages with zero amounts will be rendered. Response for Does render.png: Response for Does not render.png:
  13. Dear who may it be concerned. I face with a problem and I need your help. Please guide me as soon as possible you can 1.How Can I draw a line in a middle of the Chart such as this chart How can I make my Max xAxis to double of data value? 2. I want to use persian font in outCnvBaseFont='b nazanin' and font='b nazanin' but it show only Arial font.
  14. 3D Chart Floor

    Hi, I'm wondering it it is possible to render a stacked 3D bar chart with a thinner chart floor. Please see images attached. I'd like to render the chart with a thin floor (1, maybe 2 px) rather than the thick floor that renders by default. This: Instead of this: Thanks!
  15. Created an page for the chart added the Collaboration chart to the center zone (this will be the only web part used on the page Launched the wizard Imported data from a csv file thats hosted in the document library completed the Wizard then clicked finished Set Rendering for Java script Click finished. Then the page just states rendering data... My IE Page just freezes, My Chrome page just crashes, Firefox keeps prompting me about a rogue script..... Has anyone had this issue? How can i fix it? My Goal I have a bunch of csv files that i want to turn into web displayable charts and or reports these reports are generated from powershell scripts, Im running on Sharepoint EE 2010 Latest sp
  16. Chart resize issue [Print]

    I was using a design with fluid width which mean the website width will auto resize when the browser resize and im currently tested FusionChart in my site, not problem during resizing browser, it work perfectly. But the problem only during when using native "Print", all the chart won't resize automatically and the width is over or shorter than container. Kindly advise a solution for this. code: var chart = new FusionCharts("js/fusionchart/MSCombi2D.swf", chartID, "100%", "200", "0", "0");
  17. I'm using FusionCharts 3.2.1. Is there a way to use image as labels? For example I have a pie chart and in front of each label string I want to show a different image/icon.
  18. Border Bars color

    Hello guys, How are you? I'm trying to plot a bar chart, and I need a particular color for the first bar, and a different color for the rest of the bars. Is that possible? And I want to do something similar with a double-bar chart. Thanks!!!
  19. Hi, I need to add a small icon on the bottom of each column within the chart. Do you know if it is possible? Or maybe you could indicate a workaround. I am using the fusion charts for FlexSKD3. Thanks in advance! Danut
  20. Hello. When displaying multiple <dataset> components in a single Y-axis combination, is there a way to specify the order in which the plots are displayed? In general, the <dataset> that appears first in the chart XML is the first to be displayed in the chart's legend, as expected. Depending on the data being displayed and the type of plot being drawn, however, FusionCharts seems to changing the order of the plots in the chart itself. In most cases, these automatic changes do make the chart look better, but some of our users are insisting that their designated order be preserved. Is there a way to force FusionCharts to use a specified order? Thanks.
  21. Chart Interaction - Data Points

    Hi, Can we handle click event on data-points or series? How to know which data-point the user selected or clicked? Thanks, Chaitanya