Javascript 如何在HighChart插件中将y轴标签保持在两行之间
我正在使用插件创建图表 我有这个: 这就是我想要的: 我该怎么做?有参考资料吗 这是我的图表代码Javascript 如何在HighChart插件中将y轴标签保持在两行之间,javascript,jquery,charts,highcharts,Javascript,Jquery,Charts,Highcharts,我正在使用插件创建图表 我有这个: 这就是我想要的: 我该怎么做?有参考资料吗 这是我的图表代码 $(function () { $('#container').highcharts({ chart: { type: 'column', margin: [ 100] }, title: { text: 'World\'s largest cities per 200
$(function ()
{
$('#container').highcharts({
chart: {
type: 'column',
margin: [ 100]
},
title: {
text: 'World\'s largest cities per 2008'
},
xAxis: {
categories: personNameList,
labels: {
rotation: -45,
align: 'right',
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
},
yAxis: {
min: 0,
title: {
text: 'Population (millions)'
}
},
legend: {
enabled: false
},
tooltip: {
formatter: function() {
return '<b>'+ this.x +'</b><br/>'+
'Population in 2008: '+ Highcharts.numberFormat(this.y, 1) +
' millions';
}
},
series: [{
name: 'Population',
data: dataList,
dataLabels: {
enabled: true,
rotation: -90,
color: '#FFFFFF',
align: 'right',
x: 4,
y: 10,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
}]
});
});
$(函数()
{
$(“#容器”)。高图({
图表:{
键入:“列”,
保证金:[100]
},
标题:{
文字:“2008年世界最大城市”
},
xAxis:{
类别:人名表,
标签:{
轮调:-45,
对齐:“右”,
风格:{
fontSize:'13px',
fontFamily:“Verdana,无衬线”
}
}
},
亚克斯:{
分:0,,
标题:{
正文:“人口(百万)”
}
},
图例:{
已启用:false
},
工具提示:{
格式化程序:函数(){
返回“+this.x+”
+
“2008年人口:”+Highcharts.numberFormat(this.y,1)+
“百万”;
}
},
系列:[{
姓名:'人口',
数据:数据列表,
数据标签:{
启用:对,
轮换:-90,
颜色:“#FFFFFF”,
对齐:“右”,
x:4,
y:10,
风格:{
fontSize:'13px',
fontFamily:“Verdana,无衬线”
}
}
}]
});
});
以下是实现此目的的一种方法:
在highcharts对象中的标签
对象中,设置y位置,并按如下方式清除“0”:
labels: {
formatter: function() {
if (this.value != 0) {
return this.value;
} else {
return '';
}
},
y: 40
}
使用此属性,可以更改每个标签的位置[向上或向下]。唯一的缺点是y轴上的0应该被删除
您也可以提供HTML代码吗?或者贴在上面。@JEES:这是小提琴:我看到两幅相同的图像,那么有什么区别呢?@SebastianBochan:注意垂直数据范围,第一幅图像的数据范围值就在行的前面,但我希望数据范围存在于范围行之间,就像第二幅图像一样,但你能提供你的示例吗?你使用哪种浏览器?