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

amcharts categoryAxis

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

var categoryAxis = chart.categoryAxis;

  

1. 横坐标label45度

categoryAxis.labelRotation = 45;

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

amcharts categoryAxis

修改为:

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;
}

得到效果:

amcharts categoryAxis

相关文章:

  • 2021-09-30
  • 2021-10-07
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-23
猜你喜欢
  • 2021-10-19
  • 2021-11-17
  • 2021-12-12
  • 2022-12-23
  • 2021-05-05
  • 2021-08-14
  • 2021-12-13
相关资源
相似解决方案