主页 / coding / 问题 / 78843061
Accepted
Vlad
Asked: 2024-08-07 18:02:40 +0800 CST

固定高度的折线图，带有故意设置的间隙

  • 772

我有一条具有固定 y 值的线标记，并且我希望它根据二进制值（值为 0 和 1）进行分割。

这里有一个例子（基于这个），线标记为红色，布尔值high_price基于价格是否超过 400。

红线标记

我曾尝试根据的值来设置不透明度，high_price它在 2006 年的左侧起作用（尽管不透明度似乎不是完全为零），但它仍然停留在不透明度 1，即使high_price在 2006 年之后的值在 0 和 1 之间变化了几次。

我怎样才能得到它，当high_price为零时，线不可见，而当为一时，线完全可见？

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "Google's stock price over time.",
  "data": {"url": "data/stocks.csv"},
  "transform": [{"filter": "datum.symbol==='GOOG'"}],
  "encoding": {
    "x": {"field": "date", "type": "temporal"}
  },
  "layer": [{
  "mark": "area",
  "encoding": {
    "y": {"field": "price", "type": "quantitative"}
  }
  },
  {
    "transform": [
      {
        "calculate": "datum.price > 400 ? 1 : 0",
        "as": "high_price"
      }
    ],
    "mark": {"type": "line", "size": 5},
    "encoding": {
      "y": {
        "value": 201
      },
      "opacity": {
        "legend": null,
        "field": "high_price",
        "type": "quantitative"
      },
      "color": {"value": "red"}
    }
  }]
}
powerbi

1 个回答

  1. Best Answer

    像这样吗？

    在此处输入图片描述

    {
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "Google's stock price over time.",
  "data": {"url": "data/stocks.csv"},
  "transform": [{"filter": "datum.symbol==='GOOG'"}],
  "encoding": {"x": {"field": "date", "type": "temporal"}},
  "layer": [
    {
      "mark": "area",
      "encoding": {"y": {"field": "price", "type": "quantitative"}}
    },
    {
      "transform": [
        {"calculate": "datum.price > 400 ? 1 : 0", "as": "high_price"}
      ],
      "mark": {"type": "rule", "strokeWidth": 4},
      "encoding": {
        "y": {"value": 201}, "y2":{"value":195},
        "opacity": {"field": "high_price", "type": "ordinal", "scale":{"rangeMin":0}, "legend":null},
        "color": {"value": "red"}
      }
    }
  ]
}
    • 1

相关问题