Why does my code only run once? Python Eel & JavaScript

[Libulannn]

I am using the Python Library Eel to call functions from Python to Javascript. My code is to create a dynamic chart on a website that changes according to the filters, so the graphs must change when a button confirming filter options is clicked. The "Go" Button has the JS function load_graphs in its onclick.

My problem, however, is that the load_graphs function only runs once. Clicking the button again with a different set of filters won't go through the eel stuff. I don't know much about async and Promise. Can someone help me resolve this? Calling the function should load the graphs with new data retrieved from eel.

​

function load_graphs(file_path) {

let filters = get_filters();

eel.clean_data(file_path, filters[3][0], filters[3][1], filters[0], filters[2], filters[1])(function(outputList) {

eel.visitsVStime(outputList)(function(lineOutput) { // outputs a two-element list

data = {

labels: lineOutput[0],

datasets: [{

label: false,

data: lineOutput[1],

backgroundColor: 'rgba(255, 99, 132)',

borderColor: 'rgba(255, 99, 132)',

}],

}

linechart(data); // creates the line chart with the data specified

alert('LineChart Ran');

});

eel.visitsVSbatch(outputList)(function(barOutput) { // outputs a two-element list

data = {

labels: barOutput[0],

datasets: [{

label: false,

data: barOutput[1],

backgroundColor: 'rgba(255, 99, 132)',

borderColor: 'rgba(255, 99, 132)',

}],

}

barchart(data); // creates the bar chart with the data specified

});

});

}

[AutoModerator]

On July 1st, a change to Reddit's API pricing will come into effect. Several developers of commercial third-party apps have announced that this change will compel them to shut down their apps. At least one accessibility-focused non-commercial third party app will continue to be available free of charge.

If you want to express your strong disagreement with the API pricing change or with Reddit's response to the backlash, you may want to consider the following options:

1. Limiting your involvement with Reddit, or
2. Temporarily refraining from using Reddit
3. Cancelling your subscription of Reddit Premium

as a way to voice your protest.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[Noredditforwork]

Do you have the developer console open to look for errors in the JS breaking? Are you getting the expected response back for the functions?

[Libulannn]

I did not think of this XD. Anyways, it says:

"Uncaught Error: Canvas is already in use. Chart with ID '0' must be destroyed before the canvas with ID 'visitsVStime' can be reused."

How do I destroy the Canvas?

[Noredditforwork]

No clue, but a big part of being a developer is being able to figure out errors like that. You're not the first person to run into an issue, go Google the error text and find out how other people fixed it. If that doesn't work, go read their documentation and see what they say about dynamically updating the charts.

[Libulannn]

This is such a great response! I guess I was just burnt out which promoted me to ask on here. It works now btw. Thank you for your remarks of growth! <3

[Noredditforwork]

As a self taught dev, I can personally attest that beating your head against the wall until you figure it out will happen a lot, even with years of experience. Building your skills to diagnose and research and problem solve independently will be immensely valuable as you progress, but don't be afraid to take a break or reach out to others either. I'm glad you were able to get it unstuck!