我在玩highcharts。现在我知道我想要什么了，我试图创建一个简单的逻辑来动态更新数据（xaxis 类别）及其系列。但我被困在基础知识上。我无法从一个简单的函数访问 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 函数不存在。我究竟做错了什么？
1 回答
守候你守候我
TA贡献1802条经验 获得超10个赞
结帐我的snipet，希望它可以帮助你。祝你今天过得愉快！
<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>
添加回答
举报
0/150
提交
取消