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位置值添加到在高级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应定义为数字而不是百分比。

由jquery设置的高潮圆圈位置

1 个答案: