Angular 6 Ngx-charts, xAxis 日期排序错误

Question

我需要对图表的 x 轴刻度进行排序。我尝试使用 [xAxisTicks]，但没有用。我找不到与 xAxisTicks 相关的任何示例。我试图在其中分配一个变量，例如：

values = ["2012","2013","2014","2015","2016"];

另一个有趣的是，我的系列已经排序了，但仍然显示未排序。

Chart object (series)

See chart's x-Axis

Answer 1

除非您使用的是时间序列（请参阅 https://github.com/swimlane/ngx-charts/issues/434 ），否则序列 'names' 只是字符串，当序列不包含相同的集合时似乎不会排序'names'。但是，您可以调整数据以填充 'missing' 系列条目，

export var multi = [
  {
    "name": "memzuc",
    "series": [
      {
        "name": "201801",  // Added
        "value": 0
      },
      {
        "name": "201802",  // Added
        "value": 0
      },
      {
        "name": "201803",
        "value": 350855
      },
      {
        "name": "201804",
        "value": 351673
      },
      {
        "name": "201805",
        "value": 368720
      },
      {
        "name": "201806",
        "value": 366941
      },
      {
        "name": "201807",
        "value": 387829
      },
    ]
  },

  {
    "name": "cwb",
    "series": [
      {
        "name": "201801",
        "value": 342300
      },
      {
        "name": "201802",
        "value": 337298
      },
      {
        "name": "201803",
        "value": 350855
      },
      {
        "name": "201804",
        "value": 359973
      },
      {
        "name": "201805",
        "value": 2179919
      },
      {
        "name": "201806",  // Added
        "value": 0
      },
      {
        "name": "201807",  // Added
        "value": 0
      }
    ]
  }
];

参见 https://plnkr.co/edit/RQKpXjAYcocqpTUHZWUo

Angular 6 Ngx-charts, xAxis 日期排序错误

Angular 6 Ngx-charts, xAxis date sorting is wrong

ngx-charts