如何从星期一开始订购 vega-lite 订单日？答案

【问题标题】：How do I make vega-lite order days starting with monday?如何从星期一开始订购 vega-lite 订单日？
【发布时间】：2018-07-31 13:20:48
【问题描述】：

我有这个规范。

{
  "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
  "description": "Some garbage test data",
  "data": {
    "values": [
      {"date": "01 Jan 2012 23:00:00", "price": 150},
      {"date": "02 Jan 2012 00:00:00", "price": 100},
      {"date": "03 Jan 2012 01:00:00", "price": 170},
      {"date": "04 Jan 2012 02:00:00", "price": 165},
      {"date": "05 Jan 2012 03:00:00", "price": 20},
      {"date": "06 Jan 2012 03:00:00", "price": 300},
      {"date": "07 Jan 2012 03:00:00", "price": 200},
      {"date": "08 Jan 2012 03:00:00", "price": 300},
      {"date": "09 Jan 2012 03:00:00", "price": 500}
    ]
  },
  "mark": "bar",
  "encoding": {
    "x": {
      "field": "date",
      "type": "ordinal",
      "timeUnit": "day"
    },
    "y": {"field": "price", "type": "quantitative", "aggregate": "average"}
  },
  "config": {"axisY": {"minExtent": 30}}
}

这会在一个漂亮的图表中显示每日平均值，但是在一周从星期一开始的国家/地区，它以“星期日”开头是非常奇怪的。

如何更改订单以便从星期一开始？

【问题讨论】：

标签： vega-lite

【解决方案1】：

使用sort属性设置轴顺序：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
  "description": "Some garbage test data",
  "data": {
    "values": [
      {"date": "01 Jan 2012 23:00:00", "price": 150},
      {"date": "02 Jan 2012 00:00:00", "price": 100},
      {"date": "03 Jan 2012 01:00:00", "price": 170},
      {"date": "04 Jan 2012 02:00:00", "price": 165},
      {"date": "05 Jan 2012 03:00:00", "price": 20},
      {"date": "06 Jan 2012 03:00:00", "price": 300},
      {"date": "07 Jan 2012 03:00:00", "price": 200},
      {"date": "08 Jan 2012 03:00:00", "price": 300},
      {"date": "09 Jan 2012 03:00:00", "price": 500}
    ]
  },
  "mark": "bar",
  "encoding": {
    "x": {
      "field": "date",
      "type": "ordinal",
      "timeUnit": "day",
      "sort": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
    },
    "y": {"field": "price", "type": "quantitative", "aggregate": "average"}
  },
  "config": {"axisY": {"minExtent": 30}}
}

【讨论】：