2013-06-28 5 views
0

Если я смотрю на элемент DOM из Highcharts я вижу clippath:Highcharts 3,0 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)"> 

как клип прямоугольник перекрывает серию рендеров, не должен ли клипPath влиять на нее? Я думаю, что в предыдущих версиях можно было манипулировать clipPath с помощью jQuery и показывать только части серии.

Как

а) делает этот clipPath эффективного

б) даже добавить свой собственный clipPaths и анимировать их на лета

ответ

0

Вы можете управлять этим с помощью JQuery, или вы можете использовать визуализатор Highcharts, такой как Highcharts, делает внутренне. Это также будет работать со старыми браузерами IE.

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

См http://jsfiddle.net/highcharts/7c8am/. Вы можете создавать свои собственные клипы с помощью Element.clip.

+0

Предположим, у меня есть группа из 4-х строк, и я хотел бы контролировать каждую линию visibilty/build-up с помощью clipRect, как создать клипРект для каждого и управлять ими? – lunacafu

+0

Torstein, извините, что уволил эту запись, но я работал над этой проблемой, [Изменение типа оси X от категории до даты и времени при развертке] (http://stackoverflow.com/questions/18234418/changing-x-axis-type от-category-to-datetime-on-drilldown), в течение нескольких дней и не может найти другие примеры в Интернете. Я знаю, что вы узнаете, возможно ли это, так как вы являетесь старшей картой большой кахуны. – billmalarky