Обновление раллийной диаграммы

У меня есть приложение Rally SDK 2.0p5, которое отображает график. Когда пользователь выбирает опцию, данные будут обновлены, и я хотел бы обновить график. Но вместо перерисовки он поместит новый график ниже. Какой правильный синтаксис?

                // Configure and Add the chart
                this.add(
                    {
                        xtype: 'rallychart',
                        height: 400,
                        id: 'chart',
                        chartConfig: {
                            chart: {
                            },
                            title: {
                                text: 'My Chart',
                                align: 'center'
                            },
                            xAxis: [
                                {
                                    categories: ['M0','M1','M2','M3','M4','M5'],
                                    title: {
                                        text: 'Interval'
                                    }
                                }
                            ],
                            yAxis: {
                                title: {
                                    text: yText
                                }
                            },
                            series: [ { type: 'column',
                                        name: yText,
                                        data: mCount } ],
                            plotOptions : {
                                column: {
                                    color: '#F00'
                                },
                                series : {
                                    animation : {
                                        duration : 2000,
                                        easing : 'swing'
                                    }
                                }
                            }
                        }
                    }
                );

2 ответа

Решение

Вам необходимо удалить 1-й график перед добавлением нового.

redrawChart: function() {
    this.remove('#chart');
    this.add({...});
}

Часто лучше просто обновить график на месте. HighCharts - это библиотека графиков, включенная в SDK для приложений. HighCharts даже оживит ваши изменения. Здорово!!! Посмотрите здесь список методов, которые работают на графиках. Вы можете добавлять серии, изменять данные, изменять пределы оси, управлять масштабированием и т. Д.

Другие вопросы по тегам