2013-05-24 3 views
2

С HighCharts, я хочу удалить сглаживание на кривых SVG.Удалить сглаживание на кривых Highcharts

До сих пор я использую это:

$('path').each(function(i,j){$(j).attr('shape-rendering', 'crispEdges')}) 

И мне было интересно, если был лучший способ, то есть там что-то реализовано в Highcharts API?

ответ

0

форма-рендеринга это свойство CSS, так что вы можете установить его для всех путей использования

path { 
    shape-rendering: crispEdges; 
} 

Like this for instance.

Он также унаследован, поэтому если вы установите его на родительском или корневом элементе, все его дети получат его.

Если вы работаете в SVG документ затем

document.documentElement.setAttribute("shape-rendering", "crispEdges"); 

может работать для вас.

Существует высокий показатель shape-rendering suggestion, на который вы можете проголосовать, если хотите, чтобы это было частью самого высокого чарта.

+0

Это должно быть идеальным решением, но на самом деле это не работает ..:/ – Menencia

+0

Вы показываете диаграмму на странице html? Я расширил свой ответ, чтобы рассмотреть этот случай. –

+0

Спасибо, он отлично работает с CSS :) – Menencia

0

К сожалению Highcharts не имеет API для этого атрибута, но вы можете установить это немного похоже, и должен быть быстрее: http://jsfiddle.net/3bQne/163/

   $("#container path").attr({ 
        'shape-rendering': 'crispEdges' 
       });