当前位置: 代码迷 >> JavaScript >> 关于Highcharts的x轴密密麻麻展示时间格式为‘0000-00-00’
  详细解决方案

关于Highcharts的x轴密密麻麻展示时间格式为‘0000-00-00’

热度:333   发布时间:2012-06-20 20:37:21.0
关于Highcharts的x轴密密麻麻显示时间格式为‘0000-00-00’
我使用Highcharts需要让x轴显示时间,格式如 “0000-00-00” , 而且需要显示相当多的行,怎么才能让x轴显示的正常些,可以斜着放,也可以隔几个显示,有没有这样的属性,怎么实现。大侠们帮忙看看:
引用$(document).ready(function() {
//alert(eval(obj.tdate));
new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: obj.type, //类型可以为 bar 'column' 'spline'
ignoreHiddenSeries: false
},
title: {
text: obj.biao //标题
},
xAxis: {
categories:obj.tdate //x轴显示格式['0000-00-00','0000-00-00','0000-00-00','0000-00-00','0000-00-00','0000-00-00']
},//X轴有什么属性可以操作呢
xAxis:{ tickPixelInterval:50 },
yAxis: {
title: {
text: 'Y轴注释'
},
labels: {
formatter: function() {
return this.value
}
}
},
tooltip: {
formatter: function() {
return ''+
this.x +': '+ this.y ;
}
series: obj.series
});
});


------解决方案--------------------
xAxis: {
categories:obj.tdate, //x轴显示格式['0000-00-00','0000-00-00','0000-00-00','0000-00-00','4','5']
labels: {rotation: -25, align: 'right', style: { font: 'normal 13px Verdana, sans-serif'}}
},
把X轴改为这样
  相关解决方案