如何使用穿孔卡中的所有圆圈大小？

Question

表气泡图的这个织女星演示使用各种大小，从小到大的圆圈。

我的脚本，如下图所示，没有使用，只有2或3个大小。如何执行或对织女星说使用所有的圆圈大小？

​

​

{
          "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
          "data": { "url":"/_sql/myTable"},
          "mark": "circle",
          "encoding": {
            "y": {
              "field": "instant",
              "type": "ordinal",
              "timeUnit": "day",
              "sort": ["mon", "tue", "wed", "thu", "fri", "sat", "sun"]
            },
            "x": {
              "field": "instant",
              "type": "ordinal",
              "timeUnit": "hours"
            },
            "size": {
              "field": "n_pmin",
              "type": "quantitative",
              "aggregate": "avg"
            },
            "color": {
              "field": "n_pmin",
              "type": "quantitative",
              "aggregate": "avg"
            }           
          }
}

PS:理想也改变“只有蓝色”梯度为“蓝绿色”，但我不知道如何设置颜色为颜色。

备注

对于@Jim请求，一个示例：

[{"instant":"2020-04-23T14:46:42","n_pmin":2210086}, 
 {"instant":"2020-04-23T15:05:01","n_pmin":2214909}, 
 {"instant":"2020-04-23T16:05:01","n_pmin":2159652}, 
 {"instant":"2020-04-23T17:05:01","n_pmin":2290159}, 
 {"instant":"2020-04-23T18:05:01","n_pmin":2235739}, 
 {"instant":"2020-04-23T19:05:01","n_pmin":2505914}, 
 {"instant":"2020-04-23T20:05:01","n_pmin":2517069}, 
 {"instant":"2020-04-23T21:05:01","n_pmin":2492883}, 
 {"instant":"2020-04-23T22:05:01","n_pmin":2535839}, 
 {"instant":"2020-04-23T23:05:01","n_pmin":2519568}, 
 {"instant":"2020-04-24T00:05:02","n_pmin":2367309}, 
 {"instant":"2020-04-24T01:05:01","n_pmin":2384885}, 
 {"instant":"2020-04-24T02:05:01","n_pmin":2340421}, 
 {"instant":"2020-04-24T03:05:01","n_pmin":2369579}, 
 {"instant":"2020-04-24T04:05:01","n_pmin":2285203}, 
 {"instant":"2020-04-24T05:05:01","n_pmin":2206629}, 
 {"instant":"2020-04-24T06:05:01","n_pmin":2149411}, 
 {"instant":"2020-04-24T07:05:01","n_pmin":2218313}, 
 {"instant":"2020-04-24T08:05:01","n_pmin":2231320}, 
 {"instant":"2020-04-24T09:05:01","n_pmin":2163876}, 
 {"instant":"2020-04-24T10:05:01","n_pmin":2100388}, 
 {"instant":"2020-04-24T11:05:01","n_pmin":2040520}, 
 {"instant":"2020-04-24T12:05:02","n_pmin":2157928}, 
 {"instant":"2020-04-24T13:05:01","n_pmin":2099753}, 
 {"instant":"2020-04-24T15:05:01","n_pmin":2334844}, 
 {"instant":"2020-04-24T16:05:01","n_pmin":2430831}, 
 {"instant":"2020-04-24T17:05:01","n_pmin":2403722}, 
 {"instant":"2020-04-24T18:05:02","n_pmin":2468541}, 
 {"...":"..."},
 {"instant":"2020-05-13T16:05:01","n_pmin":2717164}, 
 {"instant":"2020-05-13T17:05:01","n_pmin":2794972}, 
 {"instant":"2020-05-13T18:05:01","n_pmin":2824981}, 
 {"instant":"2020-05-13T19:05:01","n_pmin":2852586}, 
 {"instant":"2020-05-13T20:05:01","n_pmin":2868170}]

Answer 1

对主要问题的简短回答，

如何执行或对织女星说使用各种圆尺寸的？

说"zero": false吧。

但是，让我们更详细地了解如何以一种更手工的方式进行操作，以了解何时可以将scale.zero设置为false作为更快的解决方案。

您可以在相关编码中使用scale规范调整您感兴趣的属性。

对于配色方案，可以将scale.scheme设置为Vega配色方案中列出的任何选项。

对于大小，可以将scale.domain和scale.range设置为所需的值，其中domain是数据空间中的数字跨度，range是以平方像素为单位的相关图例标记的区域。

或者，您可以将scale.zero设置为false以自动调整域，并省略零值(这是导致图表中“缺失”圆圈的原因)。

将其组合在一起，使用您提供的示例数据(vega编辑器)，它看起来可能如下所示：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {
    "values": [
      {"instant": "2020-04-23T14:46:42", "n_pmin": 2210086},
      {"instant": "2020-04-23T15:05:01", "n_pmin": 2214909},
      {"instant": "2020-04-23T16:05:01", "n_pmin": 2159652},
      {"instant": "2020-04-23T17:05:01", "n_pmin": 2290159},
      {"instant": "2020-04-23T18:05:01", "n_pmin": 2235739},
      {"instant": "2020-04-23T19:05:01", "n_pmin": 2505914},
      {"instant": "2020-04-23T20:05:01", "n_pmin": 2517069},
      {"instant": "2020-04-23T21:05:01", "n_pmin": 2492883},
      {"instant": "2020-04-23T22:05:01", "n_pmin": 2535839},
      {"instant": "2020-04-23T23:05:01", "n_pmin": 2519568},
      {"instant": "2020-04-24T00:05:02", "n_pmin": 2367309},
      {"instant": "2020-04-24T01:05:01", "n_pmin": 2384885},
      {"instant": "2020-04-24T02:05:01", "n_pmin": 2340421},
      {"instant": "2020-04-24T03:05:01", "n_pmin": 2369579},
      {"instant": "2020-04-24T04:05:01", "n_pmin": 2285203},
      {"instant": "2020-04-24T05:05:01", "n_pmin": 2206629},
      {"instant": "2020-04-24T06:05:01", "n_pmin": 2149411},
      {"instant": "2020-04-24T07:05:01", "n_pmin": 2218313},
      {"instant": "2020-04-24T08:05:01", "n_pmin": 2231320},
      {"instant": "2020-04-24T09:05:01", "n_pmin": 2163876},
      {"instant": "2020-04-24T10:05:01", "n_pmin": 2100388},
      {"instant": "2020-04-24T11:05:01", "n_pmin": 2040520},
      {"instant": "2020-04-24T12:05:02", "n_pmin": 2157928},
      {"instant": "2020-04-24T13:05:01", "n_pmin": 2099753},
      {"instant": "2020-04-24T15:05:01", "n_pmin": 2334844},
      {"instant": "2020-04-24T16:05:01", "n_pmin": 2430831},
      {"instant": "2020-04-24T17:05:01", "n_pmin": 2403722},
      {"instant": "2020-04-24T18:05:02", "n_pmin": 2468541},
      {"instant": "2020-05-13T16:05:01", "n_pmin": 2717164},
      {"instant": "2020-05-13T17:05:01", "n_pmin": 2794972},
      {"instant": "2020-05-13T18:05:01", "n_pmin": 2824981},
      {"instant": "2020-05-13T19:05:01", "n_pmin": 2852586},
      {"instant": "2020-05-13T20:05:01", "n_pmin": 2868170}
    ]
  },
  "mark": "circle",
  "encoding": {
    "y": {
      "field": "instant",
      "type": "ordinal",
      "timeUnit": "day",
      "sort": ["mon", "tue", "wed", "thu", "fri", "sat", "sun"]
    },
    "x": {"field": "instant", "type": "ordinal", "timeUnit": "hours"},
    "size": {
      "field": "n_pmin",
      "type": "quantitative",
      "aggregate": "mean",
      "scale": {"domain": [2200000, 3000000], "range": [100, 500]}
    },
    "color": {
      "field": "n_pmin",
      "type": "quantitative",
      "aggregate": "mean",
      "scale": {"domain": [2200000, 3000000], "scheme": "bluegreen"}
    }
  }
}

​

​

动态数据的自动非零拟合

动态数据(例如刷新网页时的新数据)是我们不能使用常量域范围的典型情况。在另一张图表织女星编辑中，scale.zero (颜色和大小)都设置为false，从而自动调整缩放范围：

    "size": {
      "field": "n_pmin",
      "type": "quantitative",
      "aggregate": "mean",
      "scale": {"zero": false }
    },
    "color": {
      "field": "n_pmin",
      "type": "quantitative",
      "aggregate": "mean",
      "scale": {"scheme": "bluegreen", "zero": false}
    }