Highcharts 3.0剪辑路径混乱

Question

如果我看一下Highcharts的DOM元素，我确实看到了一个剪辑路径：

<clipPath id="highcharts-2">
  <rect fill="none" x="0" y="0" width="796" height="367"></rect>
</clipPath> 

以及引用它的系列组：

<g class="highcharts-series"..... clip-path="url(#highcharts-2)">

当裁剪矩形与渲染序列重叠时，clipPath不应该对其产生影响吗？我认为在以前的版本中，可以使用jQuery操作clipPath，并且只显示本系列的一部分。

我怎样才能

a)使该clipPath生效

b)甚至添加我自己的clipPaths，并在运行中为它们设置动画

Answer 1

您可以使用jQuery进行操作，也可以像在内部使用Highcharts一样使用Highcharts渲染器。这也适用于旧的IE浏览器。

chart.clipRect.attr({ width: 300 });

参见http://jsfiddle.net/highcharts/7c8am/。您可以使用Element.clip创建自己的剪辑。