0

如果我查看 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 并动态为它们设置动画

4

1 回答 1

0

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

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

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

于 2013-07-02T10:18:24.987 回答