Highcharts渲染器没有缩放比例

Question

我创建了这个高分布图，但我需要renderer.text来与父高分图一起缩放。例如。在第二张图表中，我更改了最大和最小宽度，以便图表在最小值和最大值内缩放，但render.text保持静态。每当用户改变宽度时，我想让第二把小提琴看起来像第一把小提琴。感谢您的帮助。

http://jsfiddle.net/jimbob25/V446C/

http://jsfiddle.net/jimbob25/V446C/1/

renderer.path(['M', 485, 40, 'L', 505, 40, 505,300, 485, 300]) 
    .attr({ 
     'stroke-width': 1, 
     stroke: 'red', 
     zIndex: 3 
    }) 
    .add(); 

renderer.text('+/-2%', 435,93) 
    .attr({ 
     zIndex: 3 
    }) 
    .css({ 
     color: '#000000', 
     fontSize: '12px' 
    }) 
    .add(); 

Answer 1

在您设置的height:400px; width:530px;第二小提琴，所以你不得不修正值和图表不会因此扩大应设置min-width和min-height您还可以设置max-width和max-height 。
这里是fiddle

Answer 2

Osyan感谢你的帮助，但我的意思是渲染文本犯规规模与图像。 我结束了我的画渲染为530px宽工作，那么任何时候hgihchart调整大小，我得到的偏移和重绘与图像偏移

redraw: function() { 
        var offset = 530 - chart.chartWidth; 
        initDrawing(chart,offset); 
       } 

然后

function initDrawing(chart,offset){ 
     $("#alert1").remove(); 
     $("#greenArrow1").remove(); 
     //Clear all of the old elements by id because we will redraw new ones. 

    // subtract the offset and add to chart 
    renderer.text('+/-2%', 435-offset, 40) 
     .attr({ 
      id: 'alert1' 
    }) 
     .css({ 
     color: '#000000', 
     fontSize: '12px' 
    }) 
     .add();