Question

一天中的好时光！

1）如何在此方案中建立新的X2轴，并考虑到原始的X轴

{“窗口”：[{“ op”：“计数”，“字段”：“ x”，“ as”：“ x2”}]，“ groupby”：[“ y”]}

    {
      "$schema": "https://vega.github.io/schema/vega-lite/v2.4.3.json",
      "config": {"view": {"height": 300, "width": 400}},
      "data": {
        "values": [
          {"x": "X1", "y": "Y1", "z": 1,"Name":"Name3"}
          {"x": "X3", "y": "Y1", "z": 9,"Name":"Name2"}
          {"x": "X3", "y": "Y1", "z": 25,"Name":"Name1"}
          {"x": "X0", "y": "Y2", "z": 1,"Name":"Name1"}
          {"x": "X1", "y": "Y2", "z": 2,"Name":"Name1"}
          {"x": "X4", "y": "Y2", "z": 20,"Name":"Name1"}
          {"x": "X5", "y": "Y2", "z": 40,"Name":"Name1"}
        ]
      },
      "transform": [
        {"window": [{"op": "count", "field": "x", "as": "x2"}], "groupby": ["y"]}
        {"window": [{"op": "count", "field": "Name", "as": "x7"}], "groupby": ["x","y"]}
        {
          "calculate": "'https://google.com/search?q='+datum.y",
          "as": "web"
        }
      ],

      "encoding": {
        "x": {"field": "x2", "type": "ordinal", "title": "X"},
        "y": {"field": "y", "type": "ordinal", "title": "Y"}
      },


      "layer": [
        {
          "mark": "rect",
          "encoding": {
            "color": {
              "field": "z",
              "scale": {"scheme": "redyellowgreen"},
              "type": "quantitative"
            }
          "tooltip": [
            {"field": "x", "type": "ordinal", title: "text"}
            {"field": "y", "type": "ordinal", title: "text1"}
            {"field": "z", "type": "ordinal", title: "text2"}
          ]
          "href": {"field": "web"}
          }
        },
        {
          "mark": {"type": "text", "fontSize": 10, "dy": -20},
          "encoding": {
            "text": {"field": "x"},
            "color": {"value": "black"}
          }
        },
        {
          "mark": {"type": "text", "fontSize": 20, "dy": 40},
          "encoding": {
            "text": {"field": "x7"},
            "color": {"value": "black"}
          }
        },
        {
          "mark": {"type": "text", "fontSize": 20, "dy": 20},
          "encoding": {
            "text": {"field": "z", "type": "quantitative"},
            "color": {"value": "black"}
          }
        }
      ]
    }

2）如何使颜色边界清晰？像这儿：我用它：

"color": {"aggregate": "average","field": "z", "type": "quantitative","format": ".0f", "scale": {   "domain": [0,20,25,35],"range": ["#6ce165", "#E0ED15", "#ED9715", "#CE4334"]}}

3）如何在此处添加文本：

    {
  "mark": {"type": "text", "fontSize": 20, "dy": 40},
  "encoding": {
    "text": {"field": "x7"},+ Text????
    "color": {"value": "black"}
  }
},

Answer 1

每个帖子只问一个问题。我不明白您在问题的第一部分或第三部分中提出的问题，因此我将回答第二部分。

您可以使用二进制编码使色标离散：

override val all: List<T> by lazy { animalData.let(property) }

以下是结果（Vega Editor）：

Vega-lite热图更改颜色，位置，测试

1 个答案: