gpt4 book ai didi

javascript - 如何隐藏底部垂直线 highcharts.js

转载 作者:行者123 更新时间:2023-11-28 18:47:57 28 4
gpt4 key购买 nike

我尝试制作图表

chart: {
type: 'column'
}

不幸的是,我无法隐藏底部垂直线这是 fiddle :https://jsfiddle.net/Vitalis93/jzm7qe85/4/你能帮我吗?

index.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>

script.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
},

关于javascript - 如何隐藏底部垂直线 highcharts.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34988892/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com