如何使用jquery向SVG添加带有属性的元素

Question

我正在使用Highcharts,图表结果是SVG元素的集合,我试图SVG使用jquery 添加一些元素

这是我尝试过的

function(chart) { // on chart load complete 
  $("#highcharts-0 Svg").
   append(document.createElementNS("http://www.w3.org/2000/svg", "rect"));
   $("#highcharts-0 Svg").find("rect").
   attr({x : 100 , y:100 , width : 100 , height : 100 });
   console.log($("#highcharts-0 Svg "));
                  });

我真的不能说这是否有效,所有我能看到的是<rect></rect>我的一个元素DOM,没有attr 其他通知是当我使用chrome控制台悬停在这个元素上它显示rec x-0 , y=0,

我有一个想法,jquery不附加svg元素跳我错了

问题如何使用jquery向SVG添加带有属性的元素

编辑

与帮助,现在我已经id为rect那么,元件我试图添加attr使用的id,但失败了

截图

Answer 1

Highcharts还有一个绘图API,可用于绘制矩形.这也适用于VML.查看http://www.highcharts.com/ref/#renderer => rect并在http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree上直播样本/ master/samples/highcharts/members/renderer-rect-on-chart /.