【问题标题】:amcharts: reverse time (category) axis?amcharts:反向时间(类别)轴?
【发布时间】:2014-11-21 16:15:47
【问题描述】:

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

【问题讨论】:

  • 很遗憾这是不可能的。

标签: javascript html charts amcharts


【解决方案1】:

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

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

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

【讨论】:

  • 请注意,为此,您必须将“parseDates”设置为 false(默认值),然后使用图表“categoryFunction”手动设置日期格式。在此处更新演示 jsfiddle.net/pfitzgerald/12ampu3f/2
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-03-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-01-16
相关资源
最近更新 更多