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();

Highcharts渲染器不会扩展

2 个答案: