containerx | 简单的Java依赖注入框架，代码量少，实现了依赖注入和AOP。适合Spring源码的初学者掌握其核心原理 | Aspect Oriented library

You can get your audio element by searching the DOM and then call .play() on it.

So your onClick handler becomes:

The page source is generated by JS. Here is what you do:

1. Open the Dev Tool of the browser and go to the Network tab.
2. Click on one of the pages and see what's going on (I clicked to page 4). You can see that the page sent a POST request to https://www.metabolomicsworkbench.org/data/mb_structure_tableonly.php and get the content of it. Here are the parameters:
3. Mimic the POST request by rvest. Here is the code to scrape all pages:

Pure javascript solution will be

You are applying the scale min/max correctly:

As the error tells you, you should be using onClick. Unlike normal HTML, JSX props are case-sensitive, so onclick is different from onClick -- and the click event calls onClick.

Sorry, the other answers were not applicable. In this particular case the answer was to have

Highcharts requires categories property to be an array of strings. Your result was a string, which required to use JSON.parse method:

It's hard to prepare the perfect solution without taking a closer look on your whole application. The way of implementation hardly depends on your data structure and the chart types which you need to use, but I prepared the general example which shows how it could be done.

First I prepared the data so that it would be assigned for each month. Then I added the onchange listener on dropdown element, and update all charts by the new data from data object defined before, using built-in method Chart.update(). I left comments in my code, so you can read what happening "step by step", but If some part is not understandable or unclear for you, just ask in comment below this answer.

This is a perfect example to learn to check the documentation carefully and also to debug.

First, you don't need the element ID to render Highcharts to an element. As documentation says, you can do this: