Javascript Highcharts:隐藏最底部的x轴网格线
我正在为我的一个股票项目使用Highcharts。一切正常,只是我无法隐藏x轴的底部网格线,如所附图像所示 更新:这是小提琴 我的javascript中有以下属性:Javascript Highcharts:隐藏最底部的x轴网格线,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,我正在为我的一个股票项目使用Highcharts。一切正常,只是我无法隐藏x轴的底部网格线,如所附图像所示 更新:这是小提琴 我的javascript中有以下属性: xAxis: { type: 'datetime', maxZoom: 30 * 24 * 3600000, tickInterval: 24 * 3600 * 1000, tickLength: 0, dateT
xAxis: {
type: 'datetime',
maxZoom: 30 * 24 * 3600000,
tickInterval: 24 * 3600 * 1000,
tickLength: 0,
dateTimeLabelFormats: {
day: '%e'
},
labels: {
y: 24,
style: {
fontSize: '1.6em',
fontWeight: 'normal',
fontFamily: 'standardCondensed',
color: '#bcbdbd'
}
},
plotLines : [{
value : (function() {
// To Do ...
})(),
color : '#39484d',
dashStyle : 'solid',
width : 32,
label : {
text : ''
}
}]
},
yAxis: {
title: {
text: ''
},
opposite: true,
min: 0,
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}],
labels: {
format: '${value}',
y: 20,
style: {
fontSize: '2em',
fontWeight: 'normal',
fontFamily: 'standardCondensed',
color: '#bcbdbd'
}
}
},
有没有办法隐藏这一行,但在底部显示月份数字?是一个摆弄你的解决方案。您需要添加:
lineColor: 'transparent',
到每个轴。我在这里猜测,它与宽度或破折号样式有关?如果这些不起作用,请更改颜色以与背景混合。-摆弄一些样本数据,我会弄乱它。我正在摆弄,我会尽快发布我的摆弄。这是我刚刚摆弄的摆弄,我需要隐藏所有水平网格线,但没有数字。我已经在我的项目中尝试过了。在你的小提琴中,我仍然看到最后一条水平线,我需要隐藏它。@jeewan如果你能更新小提琴使其更像你的项目,那会容易得多。不过我会继续尝试不同的东西。我没有把我的CSS放在提琴里,所以看起来不一样,但这不重要,因为我只需要隐藏最后一条底部水平线,我认为这与配置Highcharts插件的属性有关。(我在我的项目中设置了一个背景图像,正如你在图像中看到的,但它不在小提琴中,这就是为什么你看到了差异)哇,伙计,这很有效。谢谢,几分钟后我就接受你的回答:-)。。。非常感谢。我刚刚发现,您不需要在yAxis中添加这些属性,只在xAxis中添加即可,但在yAxix中要更新的另一个属性是plotLines->width应设置为0。我删除了yAxis中的那些属性,并将绘图线更改为绘图线:[{value:0,width:0,//颜色之前是1:'#808080'}],再次感谢Jordan,祝您愉快:-)