一天中的好时光!

以前= Vega-lite heat map text properties

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

{“window”:[{“op”:“count”,“field”:“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"}
          }
        }
      ]
    }

elasticsearch - Vega-lite热图更改颜色,位置,测试-LMLPHP

2)如何使颜色边界清晰?像这儿:
elasticsearch - Vega-lite热图更改颜色,位置,测试-LMLPHP
我用它:
"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"}
  }
},

最佳答案

每个帖子只问一个问题。我不理解您在问题的第一部分或第三部分中的要求,因此我将回答第二部分。

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

"encoding": {
  "color": {
    "field": "z",
    "scale": {"scheme": "redyellowgreen"},
    "type": "ordinal",
    "bin": true
  }
}

结果是(Vega Editor):
elasticsearch - Vega-lite热图更改颜色,位置,测试-LMLPHP

关于elasticsearch - Vega-lite热图更改颜色,位置,测试,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59501221/

10-11 07:44