1 回答

TA貢獻1784條經(jīng)驗 獲得超7個贊
定義選擇的方法"params"
目前是實驗性的,并沒有在當前版本的 Vega-Lite 中完全實現(xiàn)。
如果您想使用輸入框來過濾數(shù)據(jù),最直接的方法是遵循Vega-Lite 文檔的輸入元素綁定部分,并使用過濾器轉(zhuǎn)換根據(jù)您創(chuàng)建的選擇來過濾數(shù)據(jù)。
這是一個示例(在 Vega 編輯器中查看):
{
? "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
? "width": 800,
? "height": 200,
? "description": "Stock prices of 5 Tech Companies over Time.",
? "data": {
? ? "url": "https://raw.githubusercontent.com/BocongZhao823/My_First_Webpage-/main/data/rainfall_tidy.csv"
? },
? "selection": {
? ? "city_selector": {
? ? ? "type": "single",
? ? ? "fields": ["city_name"],
? ? ? "bind": {
? ? ? ? "input": "select",
? ? ? ? "options": [
? ? ? ? ? null,
? ? ? ? ? "Adelaide",
? ? ? ? ? "Brisbane",
? ? ? ? ? "Canberra",
? ? ? ? ? "Melbourne",
? ? ? ? ? "Perth",
? ? ? ? ? "Sydney"
? ? ? ? ],
? ? ? ? "labels": [
? ? ? ? ? "Show All",
? ? ? ? ? "Adelaide",
? ? ? ? ? "Brisbane",
? ? ? ? ? "Canberra",
? ? ? ? ? "Melbourne",
? ? ? ? ? "Perth",
? ? ? ? ? "Sydney"
? ? ? ? ],
? ? ? ? "name": "City Selection:"
? ? ? }
? ? }
? },
? "transform": [{"filter": {"selection": "city_selector"}}],
? "mark": {"type": "line", "point": {"filled": false, "fill": "white"}},
? "encoding": {
? ? "x": {"timeUnit": "year", "field": "date"},
? ? "y": {"aggregate": "mean", "field": "rainfall", "type": "quantitative"},
? ? "color": {
? ? ? "field": "city_name",
? ? ? "type": "nominal",
? ? ? "scale": {
? ? ? ? "domain": [
? ? ? ? ? "Adelaide",
? ? ? ? ? "Brisbane",
? ? ? ? ? "Canberra",
? ? ? ? ? "Melbourne",
? ? ? ? ? "Perth",
? ? ? ? ? "Sydney"
? ? ? ? ]
? ? ? }
? ? }
? }
}
添加回答
舉報