我用Highcharts的极轴类型创建了一个图表。图表的边界溢出。有人能帮我修一下这张图吗?
请在JSFiddle上找到我的问题:JSFiddle代码:
$(function () {
$('#container').highcharts({
chart: {
polar: true,
showAxes: false
},
title: {
text: 'Highcharts Polar Chart'
},
pane: {
startAngle: 0,
endAngle: 360
},
xAxis: {
tickInterval: 45,
min: 0,
max: 360,
labels: {
formatter: function () {
return this.value + '°';
}
},
lineWidth: 10,
lineColor: "#000000",
gridLineWidth: 5,
gridLineColor: "#000000"
},
yAxis: {
offset: 120,
tickmarkPlacement: 'on',
min: 0,
max: 4,
visible: false,
endOnTick: false
},
plotOptions: {
series: {
pointStart: 0,
pointInterval: 45
},
column: {
pointPadding: 0,
groupPadding: 0
},
line: {
color: "#ff0000",
lineWidth: 10
}
},
series: [{
type: 'line',
name: 'Line2',
data: [8, 7, 6, 5, 4, 3, 2, 1],
pointPlacement: 'between'
}]
});
});这将产生绘图区之外的轴。我想增加情节面积,以便看到极端分子终点的交汇点。
发布于 2016-02-23 15:37:52
绘图溢出的原因是您为yAxis设置了最大值4,但在数据中有大于4的值,如8、7、6和5。
只需从yAxis对象中删除max: 4选项,您的图表就会显示得很好。
https://stackoverflow.com/questions/35568838
复制相似问题