Highcharts 5 - 원이 외곽에있는 레이더 차트

Question

하이 모드 5를 사용하고 있습니다.이 모드에서 레이다 차트를 만들 때 차트 바깥쪽에 원이 생깁니다.

스타일 적용 모드 예

http://jsfiddle.net/8pv79gy9/

<script src="https://code.highcharts.com/js/highcharts.js"></script> 
<script src="https://code.highcharts.com/js/highcharts-more.js"></script> 
<script src="https://code.highcharts.com/js/modules/exporting.js"></script> 
<link rel="stylesheet" href="http://code.highcharts.com/css/highcharts.css"> 


<div id="container" style="min-width: 310px; max-width: 400px; height: 400px; margin: 0 auto"></div> 
$(function() { 

Highcharts.chart('container', { 


"chart": { 
    "polar": true, 
}, 
"exporting": { 
    "enabled": true, 
    "filename": "bar", 
    "url": "http://export.highcharts.com", 
    "chartOptions": { 
    "chart": { 
     "backgroundColor": "white" 
    } 
    } 
}, 
"plotOptions": { 
    "pie": { 
    "dataLabels": { 
     "enabled": true 
    } 
    } 
}, 

"series": [{ 
    "data": [ 
    [1379790000], 
    [1330780000], 
    [324897000], 
    [260581000], 
    [206927000], 
    [194772000], 
    [86987000], 
    [161401000], 
    [146727405], 
    [126693000] 
    ], 

    "id": "series-7" 
}], 
"xAxis": { 
    "categories": ["China", "India", "United States", "Indonesia", "Brazil", "Pakistan", "Nigeria", "Bangladesh", "Russia", "Japan"], 
    "title": {}, 
    "labels": { 
    "rotation": 0, 
    "enabled": true 
    }, 
    "lineWidth": 0, 
    "tickmarkPlacement": "on" 
}, 
"yAxis": { 
    "title": {}, 
    "gridLineInterpolation": "polygon", 
    "lineWidth": 0 
}, 
"title": { 
    "text": "Population of Countries" 
}, 
"subtitle": { 
    "text": "Bar Chart" 
}, 
"loading": false 
}); 
}); 

그러나 나는 이전에 내가 외부 둥근 원을 얻지 않는다 Highcharts에서 사용하는 일반 모드에서 동일한 구성을 실행하는 경우. http://jsfiddle.net/fex0hnoy/

제안이나 해결책을 환영합니다. 하이 차트 5 호입니다.

Answer 1

스타일 모드에서 lineWidth 속성은 css stroke-width로 대체됩니다. 0으로 축 라인 폭을 설정하려면

, 당신은 축 라인 클래스에 대한 CSS를 사용할 필요가

.highcharts-xaxis .highcharts-axis-line { 
    stroke-width: 0; 
} 

예 (기본적으로는 1) : http://jsfiddle.net/8pv79gy9/1/이

Answer 2

또는 사용할 수 있습니다 y 축 원으로 :

"yAxis": { 
    "title": {}, 
    "gridLineInterpolation": "circle", 
    "lineWidth": 0 
    }, 

http://jsfiddle.net/8pv79gy9/2/