Highcharts图形对象对齐

Question

                $(function () {
                    var chart = new Highcharts.Chart({
                        chart: {
                            renderTo: 'container',
                            backgroundColor: 'white',
                            events: {
                                load: function () {

                                    // Draw the flow chart
                                    var ren = this.renderer,
                                        colors = Highcharts.getOptions().colors,
                                        rightArrow = ['M', 0, 0, 'L', 100, 0, 'L', 95, 5, 'M', 100, 0, 'L', 95, -5],
                                        leftArrow = ['M', 100, 0, 'L', 0, 0, 'L', 5, 5, 'M', 0, 0, 'L', 5, -5];               
                                    ren.label('Relatively aligned Text', 210, 200)
                                        .attr({
                                            r: 5,
                                            width: 100,
                                            fill: colors[1]
                                        })
                                        .css({
                                            color: 'white',
                                            fontWeight: 'bold'
                                        })
                                        .add();                   
                                }
                            }
                        }        
                    });
                });

通过使用以下代码，我设法渲染标签，但如果我改变浏览器大小，其位置不会改变，如何根据浏览器分辨率大小给出呈现图表的位置

Answer 1

你需要在图表中捕获$（window）.resize（）或redraw（）事件并销毁/创建新的或正确的位置。