Javascript 如何在jquery中显示Y轴(而不是它的标签)?

Javascript 如何在jquery中显示Y轴(而不是它的标签)?,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我将highchart与jquery一起使用。我可以用标签显示X轴(苹果、梨)…但我想显示不带标签的Y轴。换句话说,我想在Y轴上显示一条直线。 这是我的密码 将y轴代码替换为此。如果你有任何疑问,请告诉我 yAxis: { allowDecimals: false, labels:{ style: { fontSize:'0px' } }, titl

我将highchart与jquery一起使用。我可以用标签显示X轴(苹果、梨)…但我想显示不带标签的Y轴。换句话说,我想在Y轴上显示一条直线。 这是我的密码


将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
    },