High Charts Load Charts при нажатии

Question

Я создаю панель мониторинга, и в ней имеется около 4 графиков в строке, и по щелчку любого графика я хочу обновить другой график, который больше по размеру, чтобы отобразить график так, чтобы его можно было просмотреть пользователю для анализа.

любая идея, как перерисовать карту при нажатии на кнопку.

Answer 1

Я сделал то же самое в своем проекте.

Вы можете добавить одну кнопку увеличения / увеличения, щелкнув по которой, вы откроете новый большой график и отключите кнопки экспорта в этом новом графике.1004 * Вот полный код.

function callback($this) {
    var img = $this.renderer.image('images/zoom_icon.png', $this.chartWidth - 40, 5, 40, 12);
    img.add();
    img.css({
        'cursor': 'pointer'
    });
    img.attr({
        'title': 'Pop out chart'
    });
    img.on('click', function () {
        var params = {
            chart: {
                spacingLeft: 100,
                spacingRight: 100,
                renderTo: 'myChart'
            },
            title: {
                text: 'title'
            },
            exporting: {
                buttons: {
                    exportButton: {
                        enabled: false
                    },
                    printButton: {
                        enabled: false
                    }

                }
            }

        }

        new Highcharts.Chart(params, function (chart) {});
    })

}


new Highcharts.Chart(charts.params, callback);

// where charts.params is object which contains options for chart