图表:反向时间(类别)轴

amcharts: reverse time (category) axis?

本文关键字:类别 时间 图表      更新时间:2023-09-26

是否可以在amcharts中反转基于时间的图表的类别轴?我知道价值轴可以很容易地翻转,但我还没有看到类别轴的解决方案。我需要把最相关的,也就是最近的数据放在左边。

我使用的是基于时间的面积图。下面是一个演示:http://jsfiddle.net/N5rpu/1/

在这个例子中,我颠倒了值轴,并对类别轴做了同样的操作,只是为了表明没有发生任何事情。

var chart = AmCharts.makeChart("chartdiv", {
    "type": "serial",
    "theme": "none",
    "pathToImages": "http://www.amcharts.com/lib/3/images/",
    "dataProvider": chartData,
    "valueAxes": [{
        "position": "left",
        "title": "Unique visitors",
        "reversed": true
    }],
    "graphs": [{
        "fillAlphas": 0.4,
        "valueField": "visits"
    }],
    "chartScrollbar": {},
    "chartCursor": {
        "categoryBalloonDateFormat": "JJ:NN, DD MMMM",
        "cursorPosition": "mouse"
    },
    "categoryField": "date",
    "categoryAxis": {
        "minPeriod": "mm",
        "parseDates": true,
        "reversed": true
    }
});

实际上我遇到了相反的问题——AmCharts categoryAxis中的日期与时间顺序相反!

这是通过在dataProvider数组中从最近到最近的日期排序来实现的,即

  "dataProvider": [{
      "value": 74,
      "date": "2014-11-16"
    },
    {
      "value": 73,
      "date": "2014-11-15"
    },
    {
      "value": 70,
      "date": "2014-11-14"
    }];