是否可以在Vega-Lite中创建平行坐标?我正在寻找一个简单而功能强大的JavaScript绘图库,并且必须支持平行坐标。

我有googled它,但只在Vega中找到了如何做。

最佳答案

是的,您可以通过组合窗口变换和折叠变换在Vega-Lite中创建平行坐标图。这是虹膜数据集(vega editor link)的示例:

{
  "data": {
    "url": "data/iris.json"
  },
  "transform": [
    {"window": [{"op": "count", "as": "index"}]},
    {"fold": ["petalLength", "petalWidth", "sepalLength", "sepalWidth"]}
  ],
  "mark": "line",
  "encoding": {
    "color": {"type": "nominal", "field": "species"},
    "detail": {"type": "nominal", "field": "index"},
    "opacity": {"value": 0.3},
    "x": {"type": "nominal", "field": "key"},
    "y": {"type": "quantitative", "field": "value"}
  },
  "width": 600,
  "height": 300
}


javascript - Vega-Lite中的平行坐标?-LMLPHP

注意,我们使用window transform构造索引,然后使用fold transform重构数据以进行绘图。

关于javascript - Vega-Lite中的平行坐标?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54671453/

10-11 14:22