单击“Highcharts加载图表”

Question

我正在构建一个仪表板，它在一行上有大约4个图形，并且点击任何图形我想要更新另一个图形，该图形的大小更大以显示图形，以便用户可以分析它。

任何想法如何点击按钮重绘地图。

Answer 1

我在项目中做了类似的事情。

您可以添加一个按钮缩放/弹出窗口，单击该按钮将打开一个新的大图表并禁用此新图表中的导出按钮。

这是完整的代码。

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