amcharts:反转时间(类别)轴?

时间:2014-07-07 10:35:34

标签: javascript html html5 charts amcharts

是否可以在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
    }
});

1 个答案:

答案 0 :(得分:0)

事实上我遇到了相反的问题 - AmCharts categoryAxis中的日期是按时间顺序反向显示的!

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

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