The rendering of graphs in FusionCharts is experiencing delays particularly in Internet Explorer, with Chrome performing more efficiently in comparison

I am currently utilizing FusionCharts to generate and display graphs.

My requirement is to load over 60 graphs on a single page.

Upon testing the page loading in Internet Explorer 11, it is taking approximately 5 minutes. However, when using Google Chrome, the page loads in less than a minute.

Can you provide guidance on how to proceed in identifying and resolving this issue?

If necessary, please let me know if additional information is needed.

Thank you for your assistance!

FusionCharts version: 3.2

IE version: IE 11

Code:

graph = new FusionCharts(<name>, graphId, width, height, "0");
graph.setDataURL(BrowserUtilities.encodeURLParameter(url));

graph.render("divid");
javascriptajaxjspfusioncharts

Answer №1

It is challenging to pinpoint the exact cause of this issue, but based on the code snippet provided, it appears that numerous processes are running simultaneously, with different browsers handling them differently. Developers often encounter more difficulties with Internet Explorer compared to other browsers.

One suggestion is to enhance your client-side implementation by creating charts and loading data linearly instead of all at once. By creating a chart instance, listening for specific events to signal completion, loading data sequentially, and then moving onto the next task, you can improve performance. It's important to note that you don't have to wait for data to load synchronously. By grouping or batching execution tasks, you can expect better results from browsers and prevent user frustration.

This approach may not be the only solution; there are likely multiple strategies to address and resolve this issue effectively.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

HTML- Any suggestions on how to troubleshoot my sticky navbar not functioning properly?

I'm having trouble creating a sticky navbar. I've attempted to use z-index: 999 but it's not behaving as expected. * { margin: 0; padding: 0; } .navbar { display: flex; align-items: center; justify-items: center; position: ...

javascripthtmlcss

JS-generated elements do not automatically wrap to the next line

For my first project, I've been working on a to-do list and encountered an issue. When I create a new div with user input, I expect it to start on a new line but it remains stuck on the same line. Can anyone point out where I might have gone wrong? I ...

javascripthtmlcss

The UpdatePanel is causing interference with controls located outside of its boundary

I am encountering an issue with a basic updatepanel on a webforms page. On the same page, I have some inline expressions outside of the updatepanel. Although the updatepanel updates successfully when triggered, I noticed that during the ajax postback proc ...

asp.netajaxwebformsupdatepanelinline-code

What is the best way to keep my data within a global variable?

$(function(){ let spaceTravelersData; $.getJSON('http://api.open-notify.org/astros.json', retrieveData); function retrieveData(data) { spaceTravelersData = data; } alert(spaceTravelersData.people[0].name) }); I a ...

javascriptjqueryjson

Function triggered twice upon checkbox being selected

Below is the code snippet I am using: $("#cc1").unbind('click').click(function(e) { //somefunction }); This code works perfectly fine for executing a function after clicking the cc1 button. However, when I use the following code: $("#cc1" ...

javascriptjquerybuttoncheckbox

Refreshing browser data with JQuery ajax when the browser is refreshed

Is there a way in JavaScript or jQuery to stop the page from refreshing (F5) and only update certain parts of the page using Ajax? I attempted the following code, but it did not work: $(window).bind('beforeunload', function(event) { ...

javascriptjqueryajaxonbeforeunload

The deployed MVC code encountered an unexpected token "u" in the JSON at position 0

I have a MVC 5 application that is functioning well in the development environment. However, when I publish and deploy it to the testing server (or any other server), I encounter a JavaScript error when clicking on the login button: Uncaught SyntaxError ...

javascriptjquery

What is the process for setting the version in a serverless project?

Recently I downgraded the serverless to version 1.38.0 using the command npm install -g <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="047761767261766861777744352a373c2a34">[email protected]</a>. This triggered in ...

javascriptnode.jsjsonnpmserverless-framework

Discover the CSS auto height value using JavaScript

Is there a way to utilize JavaScript in determining the value set for auto height in CSS? My development stack includes Grails and jQuery. For instance, consider the following CSS: .tool-preview { height: auto; } ...

javascriptcss

Unable to locate the specified environment variable in the current nest

Currently, I am referring to the official documentation on the NestJs website that provides a guide on using config files: https://docs.nestjs.com/techniques/configuration Below is the code snippet I am working with: app.module import { Module } from &ap ...

javascripttypescriptenvironment-variablesnestjs

Effective Strategies for Preserving Form Input Values during Validation Failure in Spring MVC

I am currently working on validating user input, and I want the user's input fields to be retained in case of any validation errors. This is how I have set up my input fields: <form:input path="firstName" class="text short" id="firstName" value=" ...

javascriptjqueryhtmlspring-mvc

Checkbox Event Restricts Access to a Single Class Variable

As a beginner in AngularJS (just diving in this week), I've encountered an issue with a checkbox input connected to an ng-change event. <input type="checkbox" ng-model="vm.hasCondoKey" ng-change="vm.onKeyCheckboxChange()" /> The ng-change even ...

javascriptangularjstypescriptevents

Is there a way to obtain the guild ID during the createGuild event?

Can someone please help me figure out how to get the guild id in the event guildCreate.js? I have tried using guild.id but it returns undefined. Even when I use console.log(guild), it shows a blank space. Using client.guild.id throws an error for id. cons ...

javascriptnode.jsdiscord.js

Encountered an unexpected symbol < in JSON while implementing fetch() operation

I'm currently working on linking my React signup page to my Django API in order to automatically create a user profile in Django when a user signs up. Whenever I attempt to create a new user, I encounter this error in my console: Signup.js:33 ...

javascriptpythonreactjsdjango

Guide to handling HTTP request parsing in Express/NodeJs when the content type is missing, by setting a default content type

Is it possible to retrieve POST data in an express request when the bodyParser does not work? var server = express(); server.use(express.bodyParser()); server.post('/api/v1', function(req, resp) { var body = req.body; //if request header doe ...

javascriptjsonnode.jsexpresshttp-headers

Using JavaScript to implement responsive design through media queries

The code seems to be having some issues as it only works when I reload the page. I am looking to display certain code if "size < 700" and other code if "size > 699". I also tried this code from here: <script> function myFunction(x) { if ( ...

javascripthtmlmpmediaquery

Creating a dynamic relationship between two JSF selectOneMenus using AJAX

Having two selectOneMenu elements, I require the following functionality: Upon changing the first menu, populate the second menu and specific form fields using AJAX. When the second menu changes, only populate certain form fields usin ...

javaajaxjsfrichfacesselectonemenu

Progressive rendering of particles in THREE.js

I am new to the world of 3D and I'm trying to render particles as they are created. My goal is to have these 2000 particles render individually as they are created, but with the current code, they only render once all particles have been created. I h ...

javascriptthree.js

Requesting data from a REST API using a nested query in a GET

After querying data from my MongoDB database, I am faced with the challenge of sending a GET request from the front end to meet this specific query. In my backend code, I retrieve the data using the following: const products = await Product.find({ &apo ...

javascriptdatabasemongodbrestmongoose

Erase jQuery from the text

I am struggling with splitting or removing text from a filename. For example, if I have filenames like: 200726100_50-0002.JPG 230514008_60-0001.JPG The desired result should be: 230514008_60.JPG 200726100_50.JPG Am I not using the split function cor ...

javascriptjqueryhtml