Highcharts 3.0剪辑路径混乱

Question

如果我看一下Highcharts的DOM元素，我确实看到了一个clippath：

<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)">

因为剪辑矩形与renderd系列重叠，所以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创建自己的剪辑。