我在玩高图。现在我知道了我想要的，我正在尝试创建一个简单的逻辑来动态更新数据（x轴类别）及其系列。但是我被困在基础知识上。我无法通过简单的函数访问highchart，尽管它是全局变量。
<script>
var myChart;
$(document).ready(function() {
init();
});
function init(){
myChart = $('#graph-container').highcharts({
title: {
text: 'Dummy Title'
},
xAxis: {
categories: ['Dummy1', 'Dummy2']
},
series: []
});
}
function onclickButton(){
//myChart.xAxis[0].setCategories(['A','B']);
myChart.addSeries({
name: 'John',
data: [['A',1], ['B',2]]
});
}
</script>
</head>
<body>
<div id="graph-container" style="width:100%; height:400px;"></div>
<input type="button" value="Click me" onclick="onclickButton()">
</body></html>
它表示xAxis未定义，或者addSeries函数不存在。我在做什么错？
结帐我的代码，希望对您有所帮助。祝你有美好的一天！
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script>
var myChart;
$(document).ready(function() {
init();
});
function init() {
myChart = Highcharts.chart('graph-container', {
title: {
text: 'Dummy Title'
},
xAxis: {
categories: ['Dummy1', 'Dummy2']
},
series: []
});
}
function onclickButton() {
myChart.addSeries({
name: 'John',
data: [
['A', Math.floor(Math.random() * 10)],
['B', Math.floor(Math.random() * 10)]
]
});
}
</script>
</head>
<body>
<div id="graph-container" style="width:100%; height:400px;"></div>
<input type="button" value="Click me" onclick="onclickButton()">
</body>
</html>