JavaScript не может изменить старшие чарты, инициализированные как глобальная переменная

Невозможно изменить старшие диаграммы, инициализированные как глобальная переменная

Я играл с высокими чартами. Теперь я знаю, чего хочу, я пытался создать простую логику, которая обновляет данные (категории xaxis) и их ряды динамически. Но я застрял в основах. Я не могу получить доступ к старшей диаграмме из простой функции, хотя это глобальная переменная.

  {amp}lt;script{amp}gt; 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]] }); } {amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div id="graph-container" style="width:100%; height:400px;"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;input type="button" value="Click me" onclick="onclickButton()"{amp}gt; {amp}lt;/body{amp}gt;{amp}lt;/html{amp}gt; 

В нем говорится, что xAxis не определен или что функция addSeries не существует. Что я делаю неправильно?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector