I am setting up a page that requires me to display several pie charts and/or bar charts, but it seems I can only display one type of chart per page. Is there a way around this limitation?

I'd say between 6 and 10 different charts (mostly pie, bar and area). The exact layout hasn't been finalized and I'm in the initial stages of developing it. I can work around it, but it would be wonderful if there wasn't this limitation. I've also noticed that I can't place more than 3 graphs per page, too. 

I don't believe there were any errors in the console and all the charts had different IDs. But in the process of trying to work around what appears a limitation in the number of charts allowed per page, I've come across another problem. This is a complicated page. I need to be able to have the user select what county to show data for. I'm using facetwp for that, and it works, but when facet reloads the page, it doesn't reload the charts. The people at facetwp have told me that I can use JS:

<script>
(function($) {    $(document).on('facetwp-loaded', function() {        
     // Scroll to the top of the page after the page is refreshed        
     $('html, body').animate({ scrollTop: 0 }, 500);     });
})(jQuery);
</script>

Can you tell me how I can load the graphs using JS?

Sure! The link is https://copace.com/market-data/

Actually, in the current setup, my more urgent need to to figure out why the graphs don't load when I select a different county in the dropdown. Can you help me with that? Please test it out...select a county from the drop down menu and you will see that graphs don't load without clicking on the load graphs button. I would rather they loaded automatically and seamlessly. In a previous reply, I posted a piece of script that I can use to load the graphs, but I don't know how to call them from javascript. Any clues?