• Content count

  • Joined

  • Last visited

  • Days Won


Posts posted by Sanjukta

  1. I can try that. Is that new version backward compatible?





    Yes, the latest version is backward compatible. But we do not support Flash any further, hence, you would need to remove the existing SWF files and the .swf extensions from your code.


    Also, please replace the existing JS files with the latest and clear the cache. You may refer to the following upgrade link.



    Hope this helps. :)

  2. Hi all,

    I am creating a 3 series MSline chart where the tooltip is dynamic using "plottooltext". Is it possible to have it compare between 2 different series' points?



      "seriesname": "National Benchmark",

                        "data": [

                            {"value": "19.4"},

                            {"value": "19.2"}


     "seriesname": "Observed",

                        "data": [

                            {"value": "18.4"},

                            {"value": "18.2"}


     "seriesname": "Actual",

                        "data": [

                            {"value": "16.4"},

                            {"value": "16.2"}


    "plottooltext": "$seriesname: $value% - is X% higher than National Benchmark"


    I am just trying to avoid parsing through the json and format then append all of these tooltips before the chart renders.


    Any advice would be greatly appreciated.




    Hi Sarah,


    Please note that FusionCharts does not calculate any internal values for comparative study. You would need to pass that explicitly in order to display this.


    Hope this helps. :)

  3. Hello,


    I can't get the 'unescapeLinks' property to work. I'm kind of new to FusionCharts so I might be doing something wrong.


    We use the FusionCharts jquery Plugin and version fusioncharts/3.2.3-sr2.6105.


    I've tried a few combinations. Right now here's how my code stands. First, there's a call to insertFusionCharts with the following json:

                swfUrl: CTX_SWF + "/Column2D.swf",
                dataFormat: "json",
                width: "100%",
                height: "100%",
                unescapeLinks: "0" // I don't think this belongs here but I put it in a desperate attempt to make it work.

    Then we call updateFusionCharts with the following JSON:

      "chart": {
        "adjustDiv": "0",
        "baseFontColor": "FFFFFF",
        "bgAlpha": "100",
        "bgColor": "000000,2D2D2D",
        "canvasBgAlpha": "0",
        "canvasBgColor": "000000",
        "canvasBorderAlpha": "0",
        "canvasBorderColor": "0000000",
        "canvasBorderThickness": "0",
        "divLineColor": "444444",
        "legendBgAlpha": "100",
        "legendBgColor": "000000",
        "legendBorderColor": "000000",
        "legendShadow": "0",
        "paletteColors": "EB7800, 27A0FF, D90000, 36D900, FFFF00, FF00FF, 7F00FF, 0059B2, 00FFFF",
        "plotFillRatio": "100",
        "showAlternateHGridColor": "0",
        "showBorder": "0",
        "showCanvasBg": "0",
        "toolTipBgColor": "000000",
        "unescapeLinks": "0",
        "use3DLighting": "0",
        "xAxisName": "Nome",
        "yAxisMaxValue": "3728353.639500000157687773505443828980787657201290130615234375"
      "data": [
          "label": "Sean Montgomery",
          "value": "3066783.84",
          "link": "#detail/1034/nome=Sean+Montgomery&"
          "label": "Sean Carroll",
          "value": "1607287.58",
          "link": "#detail/1034/nome=Sean+Carroll&"
          "label": "Sean Wood",
          "value": "405788.52",
          "link": "#detail/1034/nome=Sean+Wood&"
          "label": "Sean Torres",
          "value": "2871859.64",
          "link": "#detail/1034/nome=Sean+Torres&"
          "label": "Sean Torres",
          "value": "2878499.31",
          "link": "#detail/1034/nome=Sean+Torres&"
          "label": "Sean Montgomery",
          "value": "128443.37",
          "link": "#detail/1034/nome=Sean+Montgomery&"
          "label": "Sean Richardson",
          "value": "3550812.99",
          "link": "#detail/1034/nome=Sean+Richardson&"
          "label": "Sean Andrews",
          "value": "1907075.30",
          "link": "#detail/1034/nome=Sean+Andrews&"
          "label": "Sergio Finanças/barra",
          "value": "999999.44",
          "link": "#detail/1034/nome=Sergio+Finan%C3%A7as%2Fbarra&"

    When I click one of the columns on a javascript-redered chart, I get the unescaped URL, and that doesn't work because the URL for the last data point has an escaped forward slash. 

    When I use the flash-rendered version it works fine. The URL is as it is in the JSON I've passed.


    Any thoughts on why this would happen? How to get around it?


    Thanks in Advance!



    Please note that "enescapeLinks" is a FusionCharts attribute in the chart element like the other attributes like "bgColor", "adjustDiv", etc. However, we would first recommend you to upgrade your current version to the latest, i.e, FusionCharts v3.7 as the Flash is completely discontinued and lot of enhancements had been done to the JavaScript charts, including the jqueryplugin.



    Hope this helps. :)

  4. I found a way to fix this issue, by moving the init call from FusionCharts listener to the container itself. I no longer need help as this has passed all my tests. Thanks for your time, mods please close and remove this thread.



    Thanks for the update and suggestion.


    We are glad that your issue is resolved.


    Happy FusionCharting! :)

  5. Hi,

    We are using Fusion Charts in our web application and charts work fine on a browser on the desktop/Laptop.


     When we try to use the same on a mobile or a hand held device, the charts are not displayed properly.


    PFA Screenshot of the same.


    Please let us know how can this problem be resolved.


    Thanks and regards,


    Hi Akhila,


    FusionCharts by default is not a responsive charting component based on the size of the mobbile device, as of now, however, it can be made so with a bit of additional coding for that. 
    But the charts can be made to dynamically resize itself when the parent container resizes. You may download and refer to our mobile ready dashboard showcased on our website.
    In the mobile version of the dashboard, chart components allow interactive, mobile-optimised data comparison, easy navigation, intuitive filters, highlighted KPIs on top and many more. 
    Hope this helps. :)

  6. Hi,


    "palette" setting for 2D pie chart is documented here:


    Even though it works perfectly on other chart types, it does not seem to have the desired effect on the 2D pie chart.


    Changing this setting only changes the colors of labels, but not chart's slices.


    Here's JSON data that I'm using:


        "chart": {

            "palette": "5"


        "data": [


                "label": "Elastic laces",

                "value": "42"



                "label": "Goggles",

                "value": "49"



                "label": "Number belt",

                "value": "87"



                "label": "Triathlon suit",

                "value": "88"



                "label": "Test",

                "value": "44"






    Please note that the "palette" attribute allows to select a palette theme that applies to chart background, canvas, font and tool-tips, it does not change the colors of data items, i.e, pie slices.


    Using `paletteColors` attribute, you can specify your custom list of hex colors for the data items. The list of colors have to be separated by comma e.g., `"paletteColors": "#FF0000, #0372AB, #FF5904..."` and this will be displayed on the slices.


    Hope this helps. :)

  7. Sorry if I wasn't clear. I found the issue right after upgrading to 3.6.0 (then downgraded to verify if the bug existed before, which was actually the case). And I'm not using Flash at all.


    I'll try to compose a self-contained test case.



    We are looking forward to a sample so that we can test it.


    Also, could you please upgrade your current version to the latest, i.e, FusionCharts v3.7.0 and see if this helps?

    You can check with the version history from here:
    Hope this helps. :)

  8. Yes, the Scatter chart seems to be the best choice.


    I apologize if I was unclear, so let me try to rephrase. The issue was that I have some data, say "temperature" that I want to graph over time. I want to see the graph over a whole year, so 365 days, but I may only have a few days where I actually have the temperatures. For example, I may have the 10th, 123rd, and 199th day temperature. It seemed wasteful to setup a dataset that included 365 days when I only had data for 3 days. So, I was looking for a way to just specify the 3 data values that I had, but I also needed to have the values connected via a line.


    Scatter chart chart with the "drawLine" seems to be the best solution for this situation. Thanks for your help.

    We are glad that your requirement is resolved.


    Happy FusionCharting! :)

  9. In a fully UTF-8 enabled web site I use JavaScript to generate the JSON URL and pass it to FusionCharts:

        var title = "EVOLUCIÓN";
        var url = "/foo.php?title=" + encodeURIComponent(title);
        var plot = new FusionCharts("/FusionCharts/MSLine.swf", "fc-" +, "100%", "100%", debugMode);

    This works as expected in all browsers except Internet Explorer (I'm testing it on version 11). The developer console shows that the AJAX request to fetch the JSON data has already converted the double-byte URL-encoded data (%C3%B3) to an unencoded form (Ó) and some server-side debug code reveals it's not UTF-8 but some single-byte encoding (probably ISO-8859-1 or Windows-1252). I've just upgraded to 3.6.0 and I end up with "EVOLUCI?N" (earlier in 3.3.1 I'd get "EVOLUCIN").


    Documentation says that FusionCharts requires a BOM in all UTF-8 source files but adding one didn't fix the problem.


    Is it a known issue? Do you have a workaround that doesn't break in other browsers?



    We would first recommend you to upgrade your current version to the latest, i.e, FusionCharts v3.6. We have completely discontinued Flash charts and only support JavaScript charts.


    Please upgrade and check if the issue still persists. In case yes, please share your sample data so that we might test it.


    Hope this helps. :) 

  10. I'm looking to create a "line chart" graphing values over time. The xaxis precision needs to be "per day", and the period is 3 years, but there's really only a couple "data points".


    What is the best strategy to create such a chart? A traditional "line chart" seems like it would need 365*3 "data" values, where most are "null". I may only have 3 actual data values over the entire period, the first value, the max value and the final value, but I need to show the precision of the specific day on the xaxis. If I created a traditional "line chart" and provided 3 data values, the xaxis would simply divide into 3 "labels". I want the xaxis to show a time period of 3 years where on some particular day, a value is set. Then a line is drawn from the origin to that data point and then to the final data point (at the 3-year mark).


    I also don't really want the the xaxis labels in "days". I really want to label it in years, showing "0", "1", "2", and "3".


    Scatter plots have a better notion of sparse data, but I need the lines to connect the points. Any ideas on the best strategy to get what I want?



    Welcome to FusionCharts Forum! :)


    We completely did not understand your requirement, but the much we could comprehend, it seems the Scatter XY plot chart might cater to your requirement.


    Also, you can connect the scatter points by setting "drawLine" attribute to "1" to in the corresponding dataset elements.


    Hope this helps. :)

  11. I have a page with several graphs on it and I have functions bound to the window resize event to redraw each of the graphs if the user resizes the browser.


    This works OK on Firefox, Chrome and IE 9+, but on IE 8 the act of rendering the charts apparently triggers further resize events... which triggers more chart redraws, resulting in an infinite loop and a browser that is dead in the water.


    I have recently upgraded from Fusion Charts 3.2.4 to 3.6.0, and the problem did not happen in the old version.  Is this a known issue?  Is there a workaround?



    Could you please share the scaled-down sample with us here or mail us at [email protected], so that we might test and replicate the issue?


    Awaiting your response.


    hi, the reason why i cannot upgrade to next version is that fusion charts 3 is used in an organization level and it can be upgraded only when the whole company upgrades. We are rolling out to IE 11 and hence i need to be sure this works. Do you know if we have a solution or it cant be done with this version of fusion charts? 



    Below is the code sample i am using. 

    This is my html : 


    <script src="../JS/jquery.ui.datepicker.js" type="text/javascript"></script>

     <script src="../../jquery/jquery-1.8.3.js" type="text/javascript"></script>

        <script src="../../FusionCharts/FusionCharts.js" type="text/javascript"></script>
        <script src="../../FusionCharts/FusionChartsExportComponent.js" type="text/javascript"></script>
        <script type="text/javascript">
            function CallSuccess(res) {
                var str = res.toString().split(",");
                Maxdate = str[0];
                defaultDate = str[1];
                MinDate = str[2];
                var txtFrom = document.getElementById('<%=txtFrom.ClientID%>');
                var txtTo = document.getElementById('<%=txtTo.ClientID%>');
                $(function () {
                        showOn: "button",
                        buttonImage: "../blitzer/images/calendar.gif",
                        buttonImageOnly: true,
                        changeMonth: true,
                        changeYear: true,
                        dateFormat: 'ddMyy',
                        maxDate: new Date(Maxdate),
                        minDate: new Date(MinDate),
                        defaultDate: new Date(defaultDate),
                        setDate: new Date(defaultDate),
                        buttonText: "Click to view Calender",
                        onClose: function (dateText, inst) {
    In my rendering, 
    strChart = InfoSoftGlobal.FusionCharts.RenderChartHTML("../../FusionCharts/MSLine.swf", "", strXml, "Chrt", "100%", "250", false);
                strChart = strChart.Replace("<param name=\"allowScriptAccess\" value=\"always\" />\r\n", "<param name=\"allowScriptAccess\" value=\"always\" />\r\n<param name=\"WMode\" value=\"Transparent\" />\r\n");




    Please note that you are using a much older version that support RenderChartHTML method and SWF files.


    We neither support this method or Flash charts anymore in the latest version. Hence, we would first recommend you to upgrade to the latest version as older versions are not supported annymore.



    Looking forward to your response.

  13. Hi,


    I'm trying to prevent a graph generation from timing out by using the --no-stop-slow-scripts argument in the call, however it's not accepting it.


    I've not been told which version of fusioncharts is currently being used (not very helpful in this situation) but was wondering which version this argument first started being used in.


    The server team had tried to upgrade the version but ran into issues. If I can find out which version they could try hopefully they can get one of those to install.





    Could you please confirm if you have a huge amount of data that is causing a timeout while rendering the chart?


    Also, regarding the version you might be using, you can open the "fusioncharts.js" file in a notepad and check the version from there in order to check if you are using the latest version.


    Hope this helps. :)

  14. The chart is not exported when exist accents in the text.


    After export the chart the api show me the following:









    I'm using version 3.5.0



    Please upgrade your current version to the latest, i.e, FusionCharts v3.6 and use the self-hosted export handlers to export the charts.



    Hope this helps. :)


    This is an old thread, so I hope somebody sees this (I can repost it in a new thread as well). I'm using the 2D Donut chart, and in my C# codebehind I'm using a stringbuilder to build my XML string. I added a helper method to parse out all of the special characters referenced in this document: This has fixed a problem I was having getting the charts to render when the data included those characters. However, the chart itself is not re-coding the characters as what they should be, at least in the case of Apostrophes (see attached screenshot). On the left side of this chart, you can see Kohl's and Toys 'R' Us with "%26apos;" (I tried "'" and "%26apos;"), but on the right, Virgin Islands Water & Power Authority is showing the Ampersand correctly (any text truncation is due to the size of the containing div).


        private string ReplaceBadChartStrings(string str)
            string strFixed;
            strFixed = str.Replace("'", "%26apos;").Replace("&", "&").Replace(">", ">").Replace("<", "<").Replace("\"", """);
            return strFixed;





    Could you please use the punctuation marks as is and see if this helps?



    We did not need to encode the punctuation marks in the above sample, however, the chart is working perfectly.


    Hope this helps. :)

  16. None of the above is the case. See attached screen shot Chrome and FF alongside each other same file. See also DWCS6 live view  image attached.



    Could you please confirm the FusionCharts version you are using? The blank dataplots was an issue with one of our previous versions and this does not persist any further in the latest JavaScript version.


    For the "No data to Display" error message, it seems that you are using Data URL method (provide data to chart from files or streams) to provide chart data. Many browsers, like Google Chrome, 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, as the data is then read and streamed by the server, without the need for JavaScript to directly access local file system. When running locally, however, if you provide the data as string (using the Data String method), it works fine.


    Hope this helps. :)

  17. No Just Dreamweaver to build the files



    Please note that if your chart shows a "No data to display" message, it could be either of the following scenarios:

    • Your XML data doesn't contain any data that could be plotted by FusionCharts XT. In this case, your XML just contains the <chart> or <dataset> tags without any data between them.
    • You might be using a single-series chart and providing data in multi-series format or vice-versa. In this case too, you'll get a "No data to display" message.
    • In some Dual Y Combination charts, you need to provide at least one dataset for both the axis. Otherwise, you'll get a "No data to display" message.

    Hope this helps. :)

  18. I am having an issue with the Data plot not showing in DW CS6 live view. It only shows in Firefox also when previewed. Chrome says "no Data to display" and IE does not load and freezes on 'loading data pls wait'. See file attached. This is since upgrading to XT.

    Using Win 7 pro.  Java up to date: Version 8.0.31.



    Could you please confirm if you were using FusionCharts for Dreamweaver?


    In case yes, we would request you to contact the ExtendStudip support as we do not support this product from our end.



    Hope this helps. :)

  19. Hi,


    The background color is coming properly when am trying to print svg data. But when am trying to access the SVG data of chart which is there inside jquery


    tabs, still am facing the alignment issue of the chart.


    Below I am attaching the image and source code.


    In the below example when I click on GetSvg button am taking the second tab chart svg data and printing. But its not coming properly without loading charts


    inside second tabs and third tabs.




    attachicon.gifChart_TabIssues (2).zip



    Please get me out of this issue.


    Thanks & Regards,


    Hi Shirisha,


    Please mail us at [email protected] with your sample and reference to the Forum post so that we can take this up with priority.


    We are looking into this and shall revert to you shortly.


    Thank you for your continued patience.

  20. Hello,

    I have a website running FusionCharts 3.2.x - FusionCharts*.js files are dated August, 2012 - with quite a lot of SWF maps ("old maps") and some charts, too.


    Code example for an "old map":


    <script type="text/javascript">

    function piirra(a, B)


    var map = new FusionMaps("tiedostot/swf/C_FCMap_FinlandTerminals_75691.swf", "Map1Id", "150", "300", "0", "0");

    map.setDataURL("tiedostot/xml2/201501-" + a + ".xml");

    map.render( B);


    piirra('20-214', 'mapdiv21');



    So I've used the dataURL mechanism here.


    Now I would like to upgrade to 3.5.1 and start using JScript maps ("new maps"), while still displaying the old maps.


    Code example (planned) for "new maps":


    FusionCharts.ready(function () {

        var k23 = new FusionCharts({

          "type": "maps/finlandp",

          "renderAt": "map23",

          "width": "270",

          "height": "470",

          "dataFormat": "xmlurl",

          "dataSource": "tiedostot/xml3/2015xx-10-214.xml"






    Nothing spectacular here.


    I tried just copying the new fusioncharts.js on top of FusionCharts.js, but after this the "old maps" do not display. But if I then revert from fusioncharts.js to FusionCharts.js, the "new maps" do not display, of course.


    So presently I can either display "old maps" or "new maps", but not both simultaneously. Is there a way to do this by deploying fusioncharts.js and fine-tuning the old HTML code (see above) to fit the new version?


    --It would be very convenient for me if I didn't have to change ANY of the old XML.



    Please note that you cannot display an old map with the latest version maps simultaneously on the same page, as the JavaScript files are not compatible.


    In case your maps are same, you can continue to use the old XML with the latest version without any issue. Alternately, if the maps are different, you can upgrade your older map to the latest version and continue to use both in the same page using the same files.


    Hope this helps. :)

  21. Hi,


    I am using following FusionCharts version: @version fusioncharts/3.2.2-servicerelease1.4200.


    Can you help?



    The code is displaying "No data to display" for all the versions at our end, hence, we are unable to replicate the issue.


    However, we would recommend you to upgrade to the latest version, i.e, FusionCharts v3.6 as we do not support Flash any further. In case of persisting issues in the older version, we would not be able to fix it. Please upgrade and check if the issue is resolved.


    Hope this helps. :)

  22. Hi,


    The Solution has helped me for resolving the alignment issue in website. But when am trying to access the SVG data by using


    svg:FusionCharts('id').getSVGString() and converting it to image by using ImageMagick library, still am facing the alignment issue on generated chart image.


    I am using ImageMagick 6.5.4-7 version for converting SVG chart data to image and the generated image background color is coming as grey and other styles


    font weight, font family also not working on generated image by using SVG even when I set the chart background color to white and other styles as well. 



    But when I am using Highcharts SVG data to convert as image with ImageMagick the image is coming properly with all the styles what I mentioned in chart.


    Please help me to get me out of this.



    Thanks & Regards,


    Hi Shirisha,


    Could you please save the string as SVG file and open it in the browser so that we can confirm if the issue with SVG string or the 3rd party converter?


    Awaiting your response.