FusionCharts Support

Hi Rahul, Why don't you try Scatter chart with drawLine='1' ? Example XML: <chart xAxisMaxValue='7' xAxisMinValue='0' yAxisMaxValue='100' numDivLines='0' bgColor='FFFFFF' showYAxisValues='0' > <categories > <category label='1' x='1'/> <category label='2' x='2'/> <category label='6' x='6'/> </categories> <dataset drawLine='1' color='000000' anchorBorderColor='FFFFFF' anchorBorderThickness='1.5' anchorBgColor='000000' anchorSides='2' lineThickness='3' > <set y='40' x='1' /> <set y='30' x='2' /> <set y='40' x='6' /> </dataset> </chart> Screenshot: Does this come close to what you need?

Can you try once updating to the latest version?

Hey sabotage, Presently the opacity set to the datasets is not reflected in the respective legend icons. This is an intended behaviour.

Hi, From Stackoverflow, we found the code you are using: barChart = new FusionCharts("/sei/static/flash/FCF_StackedBar2D.swf?ChartNoDataText= ", "barChartLarge", 460, 260, 0, 1); It indicates that you are using charts from FusionCharts FREE and not FusionCharts XT. FusionCharts FREE does not support fallback to JavaScript charts. However, since you are using the required JavaScript files of FusionChars XT, it is supposed to work provided you give the correct chart SWF files name of FusionCharts XT pack or JavaScript chart alias. Hence, we would recommend you to use: barChart = new FusionCharts("StackedBar2D", "barChartLarge", 460, 260, 0, 1); i.e. using the JavaScript chart alias. or barChart = new FusionCharts("StackedBar2D.swf?ChartNoDataText= ", "barChartLarge", 460, 260, 0, 1); i.e. the correct SWF file name of FusionCharts XT pack.

Sebastian, Welcome to FusionCharts forum. :hug: There is an attribute named bubbleScale that I would recommend you can try. Attribute Details: Name: bubbleScale Type: Number Range: 0-2 Description: If you want to proportionately increase/decrease size of all the bubbles on the chart, you can use this attribute. A value of less than 1 (but greater than 0) will decrease all the bubble sizes and vice versa.

Hi, THe XML seems fine. I guess there can be issues in the implementation. Our charts works in all devices that has SVG support. Can you please check some of our gallery samples from our website - http://www.fusioncharts.com/demos/ and let us know if these are also casing the same problem in your device? That will narrow down our search for the epicenter

Hi, Resource Access restriction is an issue with the Browser and your server. Please understand that FusionCharts is a client-side based component. The SWF will just streamed to the browser as you stream an image file. The SWF will play and render chart at client side (browser). The URL that you are setting for the chart i.e. C:/apache-tomcat-6.0.36/webapps/FusionChartsTestExample/FusionCharts/ is not likely to work in majority of the cases. It is better that you pass a relative URL (based on your server's path etc. ) of the JS and SWF files. Again, if you are having the same machine where you have the server and where you are browsing, the path C:/ will not work in Web Browser context. You need to provide a Web safe URL like file:///C:/... However, the above is not recommended, as that will pass your tests only in your machine or only in those machines (only Windows machines) that has the same local folder structure. You need to consider the paths from Web scenario.

There seems to be a "Variable naming error. Please use unique name for chart JS variable, chart-id and container id." You need to check if your page contains a DIV or JS variable with the same name of the chart's id or your are rendering the chart more than once i.e. asking the chart to render with same ids. However, it would be great if you can pass us a scaled down sample (preferably with HTML and JS and no server side script or database) that we can debug and fix for you. That would be quicker resolution.

Hi, Can you please try once with the latest update ?

Hi Rahul, The experimental options do not have any stability issues. Only that as of now, you need to apply more manual settings to configure things. We are trying to reduce the manual effort (manual calculation of position etc.) in settings these up. Surely, we will update our wishlist with all you feature requests. However, can not commit any timeline on this as these would be scrutinized before implemented.

>> As string. X-Axis is not based on time scale. >> No. All X-Axis vales (labels) are equidistant since X-Axis is not based on time-scale.

Option to specify multiple Gradient colors through plotGradientColor is not possible as of now. It can only specify a common color that helps in creating a gradient effect mixing with the color specified for the plot. In case you want to add more gradient points to the color you can specify that in the color attribute of the specific dataplot in <dataset> or <set> element. Not possible as of now. Not possible. For this, there are private and experimental settings that you can try: toolbarPosition='BL' toolbarX = '28' toolbarHAlign='left' toolbarvMargin='12' in the <chart> element.

Can you share here any of the XML/JSONs here? (you can replace your secure data with dummy data) That would help debug the data faster.

Probably you are looking for a chart like this. If yes, here is the XML for the chart: <chart caption='Monthly Revenue' xAxisName='Month' yAxisName='Revenue' numberPrefix='$' showValues='0'> <set label='Jan' value='420000' dashed='1'/> <set label='Feb' value='910000' /> <set label='Mar' value='720000' /> <set label='Apr' value='550000' /> <set label='May' value='810000' dashed='1'/> <set label='Jun' value='510000' /> <set label='Jul' value='680000' /> <set label='Aug' value='620000' /> </chart>

So, you can understand that you do not need spend much time in coding to migrate to JavaScript. Its just the: 1. FusionCharts.setCurrentRenderer('javascript') placed somewhere in the code that is executed before you render any chart and 2. Copy pasting of the rquired JS files. Enjoy!

Hi, Are you running the sample from local file system or from web server. The latest Chrome has introduced a native Flash Player which seem to be buggy in certain cases and it even does not support allowing trusted locations while running locally. Hence, would request you to check if you can change the Flash Player to the system's native Player from 'pepflashplayer' and try again. Please check more on this Flash Player and how to disable it: http://forum.fusioncharts.com/topic/12418-runtime-exception-unable-to-find-the-container-dom-element/page__view__findpost__p__49166

Great! Also, in case you need more help, you can always refer to the "Chart XML reference" of the respective chart from the FusionCharts FREE documentation.

In case, you would only need to update a pie chart with new data focusing on "without refreshing the page" it can be easily achieved using JavaScript and chart's inbuilt AJAX capabilities (or if required use of AJAX through third party frameworks). I would want to elaborate on the implementation steps required: As you know that a chart can load data from a data providing URL (we call it Data URL method) without refreshing the page using inbuilt AJAX capabilities, all you would need to do is: 1. Render a chart 2. Once the render is complete, set a timer or interval (window.setInterval/window.setTimout) to ask the chart to fetch new data from a Data URL using setXMLUrl or setJSONUrl JavaScript function of the chart. This would use AJAX to update chart's data without refreshing the page. 3. Repeat step 2 as per your required refresh interval, this will be automatically done in case you use window.setInterval - the native JavaScript API. Again, if you do not wish to use Data URL method, you can simply use AJAX methods using native JavaScript or some other framework like jQuery and get data as String/text from a URL. Once received, pass the data as XML/JSON to the chart using setXMLData or setJSONData function of the chart.

Hi, Simply use showNames='1' in the <graph> element of your XML. Example XML: <graph showNames='1' decimalPrecision='0' > <set name='USA' value='20' isSliced='1'/> <set name='France' value='7' /> <set name='India' value='12' /> <set name='England' value='11' /> <set name='Italy' value='8' /> <set name='Canada' value='19'/> <set name='Germany' value='15'/> </graph> Moreover, there are options not to show percentage values in tooltip - just set showPercentageValues='0' in the <graph> element. Again, if you need to do a reverse - where you want to show percentage values (instead of the actual values) attached to each pie slice beside the labels - add showPercentageInLabel ='1' in the <graph> element. Hope this helps

Hi Raghu, There was an issue with passing some special characters through dateStamp in Flash charts that we have fixed in the latest release of FusionWidgets (XT 3.2 Service Release 2 - 1 Nov 2012). Can you please update to the latest version and try again?

Hi, Each data point on a chart can be configured to call a named JavaScript function (from the global scope). For this you need to add an attribute named link in the <set/> element of the XML for your chart. For more details on calling JavaScript function clicking a data point please read: http://docs.fusioncharts.com/charts/?DrillDown/JavaScript.html

Hi, Of course! You can get the SVG equivalent of a JavaScript chart using the private API (with the latest release of the product) - getSVGString. Example: var svg = chartReference.getSVGString();

The above workaround, however, would not work as expected for the column type.

Hi, Your vline configuration would be a bit different for line chart. I have modified and formatted your XML. Please check below: <chart showValues="0" xAxisName="Balance Pool" yAxisName="Count of Items" useRoundEdges="1" showShadow="0" canvasbgAlpha="0" canvasBorderAlpha='0' canvasPadding='0' > <vLine color="00000" linePosition='1' /> <set label="Cash Nostro" value="99"/> <set label="Opportunity Fund USD" value="81"/> <set label="Emerging Market USD" value="29"/> <set label="Recon Cash Nostro" value="26"/> <set label="Growth Fund USD" value="23"/> <set label="Capital Partners CAD" value="23"/> <set label="Opportunity Fund GSCO CAD" value="7"/> <trendLines> <line startValue="0" color="000000" displayValue=' '/> </trendLines> <styles> <definition> <style name="axisFont" type="font" font="Arial" size="14" color="666666" bold="1"/> </definition> <application> <apply toObject="XAxisName" styles="axisFont"/> <apply toObject="YAxisName" styles="axisFont"/> </application> </styles> </chart>

There are a number of combined reasons why < has issue. Allow me to provide you a glimpse of the reasons: 1. Since this is Web based implementation and the text used in the chart are in HTML format and in HTML < character is not valid as it conflicts with the starting character of HTML tag names e.g., <div>. Hence in generic form, one needs to always encode < character to show in HTML as text 2. Since at the base the data format used in XML and again in XML < character is not valid as it conflicts with the starting character of XML tag names e.g., <chart>. Hence in generic form, one needs to always encode < character as part of attribute value in XML. 3. < denotes the starting of a tag, which would search for a > later to make the tag complete. But without the presence of a <, a > is not used as a part of a valid tag. Hence independent use of > will not be an issue, however, it is recommended not to use it un-encoded However, everything can be handled when the data is parsed in JavaScript or Flash before rendering and these characters can be encoded. But we have not done this in order to optimize the data parsing mechanism. With the "replace all special characters in the chart texts with the encoded forms" would be an unnecessary overhead and may result in delayed rendering of charts for large number of data points.