Highchart圈位置

Question

function(chart) { // on complete 
    var xpos = '50%'; 
    var ypos = '53%'; 
    var circleradius = 102; 

    // Render the circle 
    chart.renderer.circle(xpos, ypos, circleradius).attr({ 
     fill: '#7EBA00', 
    }).add(); 
}); 

//position updating based on window size 
$(window).on('load resize', function() { 
    var wd = $(window).width(); 
    if (wd < 361) { 
     //alert(wd); 
     chart.renderer.circle().cx = '60%'; 
    } 
}); 

如何添加使用jQuery x或y位置值到在highchart SVG创建的圈子？

Answer 1

您需要将渲染对象保留在变量中，然后（在调整大小事件中）引用attr（）。

实施例：http://jsfiddle.net/2aap3285/

$(window).on('load resize', function() { 
    var wd = $(window).width(); 
    if (wd < 361) { 
     circle.attr({ 
      cx: 100 
     }); 
    } 
}); 

在CX PARAM应定义为数目不百分比。