Haritha

Members
  • Content count

    489
  • Joined

  • Last visited

Posts posted by Haritha


  1. Hi,

     

    It appears that you are using Gantt chart from FusionCharts Free pack and using the attribute "label" used with FusionWidgets XT pack.

     

    If you want to use Gantt chart from FusionCharts Free, then you need to change the attribute of category element to "name" instead of "label".

     

    Eg,

    <category start='01/11/2013' end='31/03/2014' name='Months' font='Verdana' alpha='' fontcolor='ffffff' fontsize='14' />

     

    Please find the attached modified XML and a screenshot of the chart obtained.

     

    Hope this helps.

    gantt_xml.xml

    post-37797-0-95781000-1395135843_thumb.png


  2. 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.


  3. Hi Deon,

     

    It appears that you are running the sample from a local machine. Please deploy and run the sample from a server and check it again. 

     

    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. 

     

    In the attached sample the data has been provided as URL and hence, the sample has to be deployed and run from a server. Please find the attached screenshots of accessing the page from Chrome 33 and IE 11 at our end after deploying it on server and accessing it through localhost.

     

    Hope this helps.

    post-37797-0-06950300-1395036211_thumb.png

    post-37797-0-55718600-1395036216_thumb.png


  4. 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


  5. 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.


  6. 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.

  7. 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.

    post-37797-0-99765000-1394700967_thumb.png


  8. 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.


  9. 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.


  10. Hi,

     

    We tried to create a sample using the XML you have attached and ran it on Firefox 26, Chrome 33 and IE 9  at our end. The sample seems to be working fine. 

     

    Also, we have used files of FusionCharts v3.3.1 Sr3 in the sample. Could you please use the attached sample and let us know if you still see the same problem at your end? 

     

    Please check if this problem persists in any one specific browser or is seen in all the browsers at your end.

     

    Awaiting your response.

    Gantt.zip


  11. 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?


  12. Hi,

     

    Please try the following and let us know your feedback:

     

    1. On "onClick" event of each tab, call a function that disposes the chart and creates the chart again.
    2. After disposing the chart, introduce some delay so that the container gets loaded before the chart.
    3. Retain the code of chart creation in each of the Divs, so that you may choose to show a chart in the tab when the page is first loaded.
     
    If this does not help, then please drop us a mail to [email protected] with a scaled down sample replicating the problem.

  13. 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.


  14. 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.

  15. 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.



  16. 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 information on font type of style, refer : http://docs.fusioncharts.com/charts/contents/index.html?Styles/Font.html
     
    Hope this helps.