1

flatten および flod 変換後に timeUnit を使用することは可能ですか? 以下の例では、うまくいきません！

x 軸から timeUnit を削除するとプロットされますが、timeUnit に付随する利点はありません。

ありがとう

これは、 https://vega.github.io/editor/#/editedの下のリンクで実行できるサンプル コードです 。

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "description": "Sales in a Year.",
  "width": 500,
  "height": 200,
  
  "data": {
    "values": [
      {"timestamp": ["2019-01-01","2019-02-01","2019-03-01","2019-04-01","2019-05-01","2019-06-01",
                     "2019-07-01","2019-08-01","2019-09-01","2019-10-01","2019-11-01","2019-12-01"],
       "cars"  : [55, 43, 91, 81, 53, 19, 87, 52, 52, 44, 52, 52],
       "bikes"     : [12,  6,  2,  0,  0,  0,  0,  0,  0,  3,  9, 15]}
    ]
  },
  
  "transform": [
    {"flatten": ["timestamp", "cars", "bikes"]},
    {"fold": ["cars", "bikes"]}
  ],
  "mark": {"type":"bar", "tooltip": true, "cornerRadiusEnd": 4},

  "encoding": {
    "x": {"field": "timestamp", 
          "timeUnit": "month",
          "type": "ordinal", 
          "title": "", 
          "axis": {"labelAngle": 0}},

    "y": {"field": "value", 
          "type": "quantitative",  
          "title": "Soiling Loss"},

    "color":{"field": "key", 
             "type": "nominal"}
  }
}
4

1 に答える 1

0

便宜上、単純な時間エンコーディングを使用した入力データの文字列は自動的に日付として解析されますが、そのような解析は変換の結果であるデータには適用されません。

この場合、計算変換 (エディターで表示)を使用して手動で解析を行うことができます。

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "description": "Sales in a Year.",
  "width": 500,
  "height": 200,
  "data": {
    "values": [
      {
        "timestamp": [
          "2019-01-01",
          "2019-02-01",
          "2019-03-01",
          "2019-04-01",
          "2019-05-01",
          "2019-06-01",
          "2019-07-01",
          "2019-08-01",
          "2019-09-01",
          "2019-10-01",
          "2019-11-01",
          "2019-12-01"
        ],
        "cars": [55, 43, 91, 81, 53, 19, 87, 52, 52, 44, 52, 52],
        "bikes": [12, 6, 2, 0, 0, 0, 0, 0, 0, 3, 9, 15]
      }
    ]
  },
  "transform": [
    {"flatten": ["timestamp", "cars", "bikes"]},
    {"fold": ["cars", "bikes"]},
    {"calculate": "toDate(datum.timestamp)", "as": "timestamp"}
  ],
  "mark": {"type": "bar", "tooltip": true, "cornerRadiusEnd": 4},
  "encoding": {
    "x": {
      "field": "timestamp",
      "timeUnit": "month",
      "type": "ordinal",
      "title": "",
      "axis": {"labelAngle": 0}
    },
    "y": {"field": "value", "type": "quantitative", "title": "Soiling Loss"},
    "color": {"field": "key", "type": "nominal"}
  }
}

ここに画像の説明を入力

于 2020-07-02T15:58:39.903 に答える