如何使Vega / Vega-Lite渐变在放大时正确显示

编程问答 2022-06-08

问题描述

我创建了一个具有可缩放渐变的图形（请参见下面的代码），但是渐变的行为与我想要的方式不同。当用户放大时，渐变实际上消失了。如果数据包含很大的尖峰，并且用户放大了数据的不同部分，则这种效果尤其明显。

有没有一种方法可以使渐变相对于屏幕相对应，从而使用户无论缩放如何都可以继续看到渐变？

我确实尝试过将图形转换为Vega，然后尝试根据缩放比例缩放0-1梯度偏移值，但结果却相当复杂和混乱。我想知道我是否缺少什么，也许还有更好的方法。

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json","description": "Google's stock price over time.","data": {"url": "data/stocks.csv"},"transform": [{"filter": "datum.symbol==='MSFT'"}],"mark": {
    "type": "area","clip": true,"line": {"color": "darkgreen"},"color": {
      "x1": 1,"y1": 1,"x2": 1,"y2": 0,"gradient": "linear","stops": [
        {"offset": 0,"color": "white"},{"offset": 1,"color": "darkgreen"}
      ]
    }
  },"encoding": {
    "x": {"field": "date","type": "temporal","scale": {"domain": ["2006-1-1","2007-1-1-"]}},"y": {"field": "price","type": "quantitative","scale": {"domain": [21,29]}}
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

gradientvegavega-lite