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

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

0 голосов
/ 18 октября 2019

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

    <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 Ответ

1 голос
/ 19 октября 2019

оформить заказ, надеюсь, он вам поможет. хорошего дня! 

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...