[英]Highcharts Omits X Axis Label
我在这里有问题图表的演示。
这是我用来生成图表的代码。 图表渲染后,它会切断x轴标签的option2吗? 是什么原因造成的?
我没有使用step参数,因此应该没有任何理由跳过标签...当您将鼠标悬停在栏上时,它会使用mouseover事件呈现find以显示类别名称,但不会显示栏旁边的类别名称。
任何建议表示赞赏。
$(function () {
prchart3 = new Highcharts.Chart({
chart: {
renderTo: 'prcont23',
type: 'bar',
width: 300,
height: 180
},
title: {
text: 'Test results'
},
xAxis: {
categories: ['option1', 'option2', 'opt3'],
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: '0 Total Votes',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
}
},
legend: {
enabled: false
},
exporting: {
enabled: false
},
credits: {
enabled: false
},
series: [{
name: 'vote test',
data: [20, 50, 1000]
}]
});
});
问题在这里:
height: 180
我可以在Chrome上重现您的问题,并且可以通过删除“ height:180”或分配更大的值来解决此问题,因此我认为您的标签由于高度不足而被隐藏了。 如果您有4个点,则第二个和第三个将以该高度隐藏。
这是Highcharts的3.0.7版本的已知错误。 已在master分支上解决: http : //jsfiddle.net/DNREz/1/
硕士来自:
<script src="http://github.highcharts.com/master/highcharts.js"></script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.