Как увеличить только указанную ось c при наведении на нее мыши? - PullRequest
Новая
       72

Как увеличить только указанную ось c при наведении на нее мыши?

1 голос
/ 19 июня 2020

Начиная с этого конкретного примера , где 2 графика связаны на их горизонтальной оси и свободны на их вертикальной оси, есть ли способ масштабировать только на определенной оси c, когда на нее наведен указатель мыши ?

Фактически установленное масштабирование является общим для обеих осей.

1 Ответ

0 голосов
/ 19 июня 2020

Если вы хотите, чтобы прокрутка была независимой на каждой панели, вам нужно сделать две вещи:

  • установить resolve.scale.x и resolve.scale.y на "independent", чтобы шкалы не были связаны .
  • используйте разные имена для привязанного выделения на каждой панели, поэтому селекторы не будут связаны.

Например ( редактор vega ): 

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {"url": "data/stocks.csv"},
  "vconcat": [
    {
      "transform": [{"filter": "datum.symbol==='IBM'"}],
      "mark": "line",
      "encoding": {
        "x": {"field": "date", "type": "temporal"},
        "y": {"field": "price", "type": "quantitative"}
      },
      "selection": {"scroll_1": {"type": "interval", "bind": "scales"}}
    },
    {
      "transform": [{"filter": "datum.symbol==='GOOG'"}],
      "mark": "line",
      "encoding": {
        "x": {"field": "date", "type": "temporal"},
        "y": {"field": "price", "type": "quantitative"}
      },
      "selection": {"scroll_2": {"type": "interval", "bind": "scales"}}
    }
  ],
  "resolve": {"scale": {"x": "independent", "y": "independent"}}
}
...