Граф Морриса: пончик исчезает после вызова setData () - PullRequest
Новая
       18

Граф Морриса: пончик исчезает после вызова setData ()

0 голосов
/ 29 мая 2020

Я пытаюсь обновить граф Morris.Donut, вызывая для него setData (). Но после выполнения метода setData () граф исчезает. Я искал в Интернете, но не нашел решения своей проблемы.

Вот что я сделал: 

    1) Initialize a Morris.Donut object
    2) Make a button. When I click on the button, I will update the graph with new data.

Когда я запускаю свой код, график отображается здесь . Но после нажатия на кнопку обновления графика график перестает отображаться.

Мой код 

<div id="donut-chart" style="height: 200px;" data-width="100"></div>
<button type='button' class='update-chart'>Update chart</button>

<script type="text/javascript">

    $(document).ready(function () {

        // Initialize a Morris.Donut object
        donut_chart = Morris.Donut({
            element: 'donut-chart',
            data: [
                {'label': 'Yes', 'value': 1},
                {'label': 'No', 'value': 0},
            ]
        });

        // Update the Morris.Donut object
        $('.update-chart').on('click', function(){
            line = {
                element: 'donut-chart',
                data: [
                    {'label': 'Yes', 'value': 2},
                    {'label': 'No', 'value': 0},
                ],
            };

            donut_chart.setData(line);  // This code makes the graph disapears
        });
    });

</script>

1 Ответ

0 голосов
/ 06 июня 2020

Вы должны написать donut_chart.setData(line.data);

Вам не нужно передавать элемент с setData.

...