Javascript 如何在jquery中显示Y轴(而不是它的标签)?
我将highchart与jquery一起使用。我可以用标签显示X轴(苹果、梨)…但我想显示不带标签的Y轴。换句话说,我想在Y轴上显示一条直线。 这是我的密码Javascript 如何在jquery中显示Y轴(而不是它的标签)?,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我将highchart与jquery一起使用。我可以用标签显示X轴(苹果、梨)…但我想显示不带标签的Y轴。换句话说,我想在Y轴上显示一条直线。 这是我的密码 将y轴代码替换为此。如果你有任何疑问,请告诉我 yAxis: { allowDecimals: false, labels:{ style: { fontSize:'0px' } }, titl
将y轴代码替换为此。如果你有任何疑问,请告诉我
yAxis: {
allowDecimals: false,
labels:{
style: {
fontSize:'0px'
}
},
title: {
text: 'Fruit',
style: {
fontSize:'0px'
}
},
visible: true
},
您必须使用load事件来使用和添加行
chart: {
type: 'column',
events: {
load: function() {
var ren = this.renderer;
ren.path(['M', 10, 10, 'L', 10, this.chartHeight * .8])
.attr({
'stroke-width': 1,
stroke: '#000'
})
.add();
}
}
},
演示
$(函数(){
//配置图表
$(“#容器”)。高图({
图表:{
键入:“列”,
活动:{
加载:函数(){
var ren=this.render;
ren.path(['M',10,10',L',10,this.chartHeight*.8])
艾特先生({
“笔划宽度”:1,
笔划:“#000”
})
.add();
}
}
},
标题:{
文本:“高图表轴可见性”
},
xAxis:{
类别:[‘苹果’、‘梨’、‘橘子’、‘桃子’],
},
亚克斯:{
allowDecimals:false,
标题:{
文本:“”
},
标签:{
已启用:false
},
网格线宽:0,
},
打印选项:{
系列:{
堆叠:“正常”,
数据标签:{
已启用:true
}
}
},
系列:[{
数据:[1,3,2,4],
姓名:“奥拉”
}, {
数据:[5,4,5,2],
名字:“卡里”
}]
});
var yVis=假,
xVis=正确;
});代码>
#容器{
最小宽度:300px;
最大宽度:800px;
高度:300px;
保证金:1em自动;
}
这可以而且应该通过以下选项解决:
- -启用该线路
- -隐藏标题
- -要禁用水平线
- -禁用标签
工作演示:
片段:
yAxis: {
allowDecimals: false,
title: {
text: null
},
labels: {
enabled: false
},
gridLineWidth: 0,
lineWidth: 1,
visible: true
},
Y轴在哪里?请提供一个图像以显示您的预期输出。
yAxis: {
allowDecimals: false,
title: {
text: null
},
labels: {
enabled: false
},
gridLineWidth: 0,
lineWidth: 1,
visible: true
},