jquery - IE8 中的 Highchart 渲染器路径问题

Question

我一直在使用

chart.renderer.path(['M', 12, 0, 'L', 6, 12, 'L', 18, 12, 'Z']).attr({
    'stroke-width' : 2,
    'fill' : 'black',
    'transform' : "translate(" + x + "," + y + ")"        
  }).add();

在图表上绘制三角形路径并使用 Translate 属性移动到所需位置。

但在 IE8 中，transform 属性被忽略（三角形出现在左上角），但在 FF、Chrome 等中工作正常。这是 CSS3 支持问题的问题吗？

有什么办法可以解决这个问题吗？

谢谢彼得

Answer 1

旧版 IE 不直接支持 transform 属性。相反，使用 translate 方法，如下所示：

chart.renderer.path(['M', 12, 0, 'L', 6, 12, 'L', 18, 12, 'Z']).attr({
    'stroke-width' : 2,
    'fill' : 'black'
  })
  .translate(x, y)
  .add();

您还可以使用特定的 translateX 和 translateY 属性，除了 .attr() 之外，它们还可以与 .animate() 一起使用。

编辑：这是一个现场演示：http: //jsbin.com/iwocow/1/edit