amcharts categoryAxis

amcharts中给出的sample lineWithMultipleValueAxes,是这样的

我们对横坐标label做一些改变:

var categoryAxis = chart.categoryAxis;

  

1. 横坐标label45度

categoryAxis.labelRotation = 45;

2. 在显示的条数据太多时,横坐标不能对齐结点,如:

修改为:

categoryAxis.equalSpacing = true;

3. 显示条数太多时,自动隐藏了部分日期,如上图

修改为:

// categoryAxis.parseDates = true;
categoryAxis.categoryFunction = function(date){
  return [date.getFullYear(), date.getMonth() + 1, date.getDate()].join("-");
};
categoryAxis.labelFunction = function(valueText, serialDataItem){
  return serialDataItem.category;
}

得到效果:

posted @ 2014-02-13 10:14  xngeer  阅读(2414)  评论(0编辑  收藏  举报