如何隐藏底部垂直线高图表.js
how can I hide bottom vertical lines highcharts.js
我尝试制作图表
chart: {
type: 'column'
}
不幸的是,我无法隐藏底部垂直线这是小提琴:https://jsfiddle.net/Vitalis93/jzm7qe85/4/你可以帮我吗?
索引.html
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
脚本.js
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: null
},
subtitle: {
text: null
},
xAxis: {
categories: [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
],
crosshair: false,
labels:{
enabled:false
},
gridLineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent'
},
yAxis: {
gridLineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
min: 0,
title: {
text: null
},
labels:{
enabled:false
},
},
tooltip: {
enabled:false
},
plotOptions: {
column: {
pointPadding: 0.0,
borderWidth: 0
}
},
legend: {
enabled: false
},
series: [{
name: 'Berlin',
data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
}]
});
});
xAxis: {
lineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
crosshair: false,
labels:
{
enabled:false
},
minorTickLength: 0,
tickLength: 0
},
添加到 xAxis
tickLength: 0
编辑小提琴:https://jsfiddle.net/Vitalis93/jzm7qe85/7/
相关文章:
- 将视口底部滚动到元素底部
- HTML5页面底部棒
- 固定位置菜单时滚动,直到它击中一个相对容器的底部
- 将jQuery放在代码的底部
- javascript跨浏览器确定用户是否滚动到页面底部
- javascript移动交叉浏览器确定用户是否滚动到页面底部
- 如何将图表放在顶部和底部
- 如何摆脱"压缩/块”;PHP页面底部的注释
- 如果同一页面上有多个谷歌地图,单击任何标记都会突出显示最底部的地图标记
- 引导数据偏移量底部
- 如何防止firefox在打开大型弹出窗口时滚动到页面底部
- 滚动到顶部或底部后的简单效果
- 如何在java脚本中显示引导程序底部的pophover图像点击
- jQuery滚动到聊天框底部
- 如何仅在向上滚动时将页脚粘贴到窗口底部会导致页脚不显示
- 页面加载时自动滚动到底部
- 如何使一个元素从网页的顶部跳到底部再跳回到顶部
- 当滚动条到达容器底部时设置动画
- 在css中设置负底部属性会扩展页面的底部
- 如何隐藏底部垂直线高图表.js