jquery - jquery的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 参数应定义为数字而不是百分比。