Haritha

Hi, The vertical scrolling is enabled by default depending on the height of the chart. If the number of processes fits within the height of the chart, then vertical scrolling will not appear. If you want to see a vertical scroll bar and you are using JavaScript variant of Gantt chart then please set the attribute "useVerticalScrolling" to 1 and also decrease the height of the chart for the vertical scroll bar to appear. Ref. <chart useVerticalScrolling='1' ...> Also, to ensure that you see a JavaScript Gantt chart, please place the following line before chart creation code : FusionCharts.setCurrentRenderer("javaScript"); Hope this helps.

Hi, This is not present in our roadmap, as of now. Hope this helps.

Hi Praveen, Thanks for your feedback. As said, we are trying to improve the performance of charts over various versions. Hence, you will see better performance of charts in the upcoming version.

Hi Jitesh, Please find our response below: 1. I read in the documentation that I do not need to include the files- jquery.min.js, FusionCharts.HC.js and FusionCharts.HC.Charts.js, explicitly as long as I have included FusionCharts.js and also these files are present in the same folder as FusionCharts.js. This does not work for me. I checked in the console logs for web inspector (Safari) as well as the Firebug (Firefox). The url that FusionCharts.js tries to use to load the other javascript files is incorrect. I believe it's not able to resolve the url correctly or find the right url to use for resources (js, images etc.). I workaround this problem by including the other 3 js files explicitly in my code.Does this explicit inclusion of these files have a downside? Could this be fixed to dynamically load js files as stated in the documentation? >> FusionCharts.js file loads the other JS files automatically and you do not have to explicitly load all the files in your page. You may try creating a simple sample without using any external framework, to test this behavior. Regarding your problem of FusionCharts.js file not being able to load the required files automatically, we would not be able to comment about this without having a look at the implementations details. Hence, we would suggest you to send a mail to [email protected] along with a scaled down sample replicating this problem so that we can diagnose the problem at our end. Also, the explicit inclusion of files does not have any downside. However, you need to specify the files in correct order ie. FusionCharts.js should precede inclusion of FusionCharts.HC.js and FusionCharts.HC.Charts.js. 2. Which verison of jquery is used by FusionCharts XT and will it conflict with 1.10.2 that we use? Can I avoid including jquery.min.js from the FusionCharts XT package and just rely on jquery-1.10.2.js that is used and loaded in almost every page of the application? >> The recent version of FusionCharts v3.3.1 Sr3 uses jQuery v1.7.1. If your application uses jQuery v1.10.2 then you may remove the "jquery.min.js" from the folder where JS files of FusionCharts are present and load your jQuery file explicitly in the page before loading FusionCharts.js. Please find an attached sample which uses jQuery v1.10.2 to render charts and also the sample includes loading of only the file "FusionCharts.js" explicitly. Awaiting your feedback. Column 3D.zip

Hi, It is not possible to export a chart to excel using FusionCharts API, as of now. It is also not possible to export charts without rendering them in browser, directly. But as a workaround, this can be achieved using various third party tools along with FusionCharts. You may use the tools given in the blog post http://blog.fusioncharts.com/2013/03/how-to-save-charts-as-images-at-server-side/ to export chart to image and then using Java code at backend you may write your own code to place this exported image of chart in an excel file. Hope this helps.

Hi Venkat, It is not possible to export charts to Image/PDF without rendering them in browser using Java, directly. But this can be achieved using various third party tools along with FusionCharts. The exporting of charts without rendering them in browser can be done using command line execution. Below given are the two options for exporting at server-side without rendering in browser : A. Using wkhtmltoimage : wkhtmltoimage is a simple shell utility to convert HTML to images. B. Using PhantomJS : PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards. The above given options take the entire web page as an input and export it to Image/PDF. Hence, for your requirement, you may create a web page dynamically and then send it as an input to these tools, which convert it to Image/PDF. For more information, please refer the blog post : http://blog.fusioncharts.com/2013/03/how-to-save-charts-as-images-at-server-side/ Hope this helps.

Hi, The problem of values not being shown or getting truncated, reported by you seems to be present in Flash variant of Spark Line chart. Also, the Flash variant of Spark Line chart does not support tool tip feature. We suggest you to use JavaScript charts instead of Flash charts, since these problems are not present in the JavaScript variant of Spark Line chart. Also, JavaScript variant of Spark line chart supports tool tip feature too. Please find an attached screenshot of the same. Also, it appears that most of the modern browsers now support HTML5. HTML5/JavaScript charts are the first choice if you want inter-browser operability. HTML5 charts render on all devices including iPhone,iPad, Android devices, where Flash charts do not render since these devices do not support Flash player. Hence, HTML5 charts ensure the same look and feel across all devices including non-Flash devices and desktop devices. Also, Flash is not the first choice for interactive web.Flash is an additional component which is embedded on a web page and also requires Flash Player plugin installed on client's machine to run on a web page. Hence, we suggest you to use HTML5/JavaScript charts due to the advantages discussed above. To convert your existing Flash chart to JS chart, you need to use JavaScript Alias name of chart instead of SWF file name. Ref. var myChart = new FusionCharts( "SparkLine","myChartId", "400", "300", "0" ); For a list of JavaScript alias names of charts, refer: http://docs.fusioncharts.com/widgets/Contents/index.html?Introduction/ChartList.html Also, for rendering JavaScript charts, the following files need to be present in the same folder : FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Widgets.js and jquery.min.js. Since FusionWidgets XT v3.3.1, an additional JavaScript file FusionCharts.HC.Gantt.js is used to create JavaScript Gantt chart. Hope this helps.

Hi, It seems that you are using "setXMLUrl" or "setJSONUrl" method to provide data to chart. Many browsers restrict JavaScript from accessing local file system owing to security reasons. The JavaScript charts, when running locally, will not be able to access data provided as a URL. If you run the files from a server, it will run absolutely fine, though. When running locally, however, if you provide the data as string (using the Data String method), it works fine. For information on this, you may refer the documentation link : http://docs.fusioncharts.com/charts/contents/index.html?FirstChart/UsingPureJS.html Hence, please try running the sample from a server and check it on Chrome browser. Awaiting your feedback.

Hi, Please use the attribute "plotBorderColor" to set the border color of dataset. Ref. <dataset .... plotBorderColor='1875bb' ... > Hope this helps.

Hi, The loading of 6 charts, with each chart having around 10-18 data plots, simultaneously puts pressure on the browser and it is because of this reason that your browser hangs for some seconds and finally crashes. We suggest that you use staggered view of charts in your web page, where in you may make a batch (of some 2-3 charts) to be rendered first and after these charts get rendered you may render the next batch of charts. Doing this puts less pressure on browser and thus, improves the performance in all the browsers and machines. For implementing the above method, you may make use of "Rendered" event of charts which can be trapped using the function "FC_Rendered". This event is raised when the chart has finished rendering. This call is made only once per loaded chart. It can be used to invoke any further JavaScript methods on chart, or to create new chart , or change the data of chart. For more information on Events and functions, please refer our documentation link : http://docs.fusioncharts.com/charts/contents/JavaScript/API/Events.html The JavaScript variant of FusionCharts is drawn on the web page, unlike the Flash variant which is separate component embedded on a web page. However, we are trying to improve the performance of charts over various versions. Hence, you will see better performance of charts in the upcoming version. Hope this helps.

Hi, The performance of charts generally depends on following factors. So, please let us know the following : 1. Number of charts present in a page 2. Number of data plots for each chart 3. Types of charts being used (Single series chart, Multi-series chart, Real-time chart, Map etc) 4. Machine configurations 5. How data is obtained? Ajax calls take time since the request first goes to server. 6. Concurrent scripts or processes running @Guna: The screenshot seems to be missing. Could you please attach it again?

Hi, The feature request of custom aligning and positioning of data values is a major change and is not limited to a single chart. Hence, this request is still in our wish list. We would address this in times to come. We shall update this thread when this request is taken up. Hope this helps.

Hi Atul, It is not possible to reduce the speed of animation of data plots in JavaScript variant of FusionCharts,as of now. If you do not want data plots to animate at all, you may set the the attribute "animation" to 0. Ref. <chart .... animation ='0' > However, if you are using Flash variant of FusionCharts, then you may use "Animation" type of styles, to achieve your requirement. Ref. <styles> <definition> <style name='plotAnim' type='animation' param='_yScale' start='0' duration='5' /> </definition> <application> <apply toObject='Dataplot' styles='plotAnim' /> </application> </styles> You may increase the duration more if you want the data plots to appear more slowly. Please place the above code snippet after all category elements ( or set elements for Single series charts) and before the closing tag of chart. For more information on Animation type of styles, refer : http://docs.fusioncharts.com/charts/contents/index.html?Styles/Animation.html Hope this helps.

Hi, JavaScript charts take time during initial loading while subsequent loading of charts in the browser takes less time for the charts to render. This happens because the browser does not have to reload the JS files in subsequent rendering. We are trying to improve the performance of charts over various versions of FusionCharts Suite XT. This is a continuing process and you would see better performance of Scatter chart too in the upcoming releases. Hope this helps.

Hi Mark, The box that appears over the X-axis labels is the Overlay Label. It appears when the mouse cursor hovers over dataplots. This label displays the datalabel of the dataplot which is currently being hovered over. When the mouse cursor is dragged over the dataplots for zooming, two overlay labels appear below the X axis indicating the start point and end point of selection. If not set, it takes font color set in the "baseFontColor". It is because of this reason that it appears to be blank. You may change various properties like the background color, font color, font size etc of this label by applying styles to the object "OVERLAYLABEL". Eg. Place this below all the datasets and before the closing tag of chart. <styles> <definition> <style name='MyFirstFontStyle' type='font' font='Verdana' size='12' color='FF0000' bold='1' bgColor='FFFFDD' /> </definition> <application> <apply toObject='OVERLAYLABEL' styles='MyFirstFontStyle' /> </application> </styles> For more information on overlay label, refer : http://docs.fusioncharts.com/charts/contents/index.html?ChartSS/ZoomLine.html For information on font type of style, refer : http://docs.fusioncharts.com/charts/contents/index.html?Styles/Font.html Hope this helps.

Hi, We shall look into it and shall get back to you soon.

Hi, This is an intended behavior of Zoom Line chart. Alpha is set to 100% by default, which is not customizable via any attribute. However, a lighter derivative of the "toolBarButtonColor" is used in the chart. Thus, we see the default color in the button, while the border of the button appears to be of the mentioned color. Hope this helps.

Hi, If you have been using the evaluation version of FusionCharts in your application and are now upgrading to a commercial license of FusionCharts, you will need to do the following: 1. Replace Evaluation version JavaScript files with newly purchased JavaScript files (present in Download Package > Charts folder) 2. If you are using a version earlier to v3.3.0, make sure you have copied FusionCharts.HC.js and FusionCharts.HC.Charts.js (along with FusionCharts.js and jquery.min.js) from the Licensed Download Package > Charts folder. 3. Clear your browser cache - very important step. When you now view your application, you will not see any watermarks on the charts. For more information, refer : http://docs.fusioncharts.com/charts/contents/index.html?Introduction/UpgradingEval.html Hope this helps.

Hi, We are trying to improve the performance of charts over various versions of FusionCharts Suite XT. This is a continuing process and you would see better performance in the upcoming releases. Hope this helps.

Hi, If the "labelDisplay" is "AUTO" and you have long x-axis labels on your page, then by default ellipses are added to the labels and the entire label gets displayed when hover over the ellipses. Could you please attach the XML/JSON data along with a screenshot of the chart, so that we could understand your problem better? Awaiting your response.

Hi, Glad you could manage to do so yourself. If you want to have blank set elements when your database does not return a value, then while forming XML data, you need to just append a blank set element to your XML string. Eg. xmlData+="<set />"; If this is not your requirement, then please let us know how you are forming your XML data to render a chart, so that we can help you better. Hope this helps.