我试图完全隐藏我的Highcharts图表的轴和网格线。 到目前为止,我已经尝试将线条的宽度设置为0,但它没有用完。
xAxis: {
lineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent'
}
是否可以全局禁用轴线/刻度线和网格线来创建“普通”图?
答案 0 :(得分:135)
添加
xAxis: {
...
lineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
...
labels: {
enabled: false
},
minorTickLength: 0,
tickLength: 0
}
到x轴的定义。
答案 1 :(得分:68)
对于yAxis
,您还需要:
gridLineColor: 'transparent',
答案 2 :(得分:25)
如果您的版本高于Highcharts v4.9,则可以在visible: false
和xAxis
设置中使用yAxis
。
示例:
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Highcharts axis visibility'
},
xAxis: {
visible: false
},
yAxis: {
title: {
text: 'Fruit'
},
visible: false
}
});
答案 3 :(得分:19)
您还可以将y轴上的网格线隐藏为:
yAxis:{
gridLineWidth: 0,
minorGridLineWidth: 0
}
答案 4 :(得分:5)
我设法用
关闭了我的 lineColor: 'transparent',
tickLength: 0
答案 5 :(得分:2)
如果您不想触摸配置对象,只需通过css隐藏网格:
.chart-container .highcharts-grid {
display: none;
}
答案 6 :(得分:0)
这对我来说一直很好:
UIViewController