Vega-Lite中特定线条颜色与样式配置问题求助

你可以通过Vega-Lite的编码映射或条件配置两种方式实现需求，以下是具体代码示例：

方法1：使用编码映射（推荐） #

在encoding字段中添加stroke（线条颜色）和strokeDash（线条虚实）的映射配置，基于数据中的name字段直接指定样式：

{
  // 其他配置（如data、mark、x/y轴等）...
  "encoding": {
    "x": {"field": "x", "type": "quantitative"},
    "y": {"field": "y", "type": "quantitative"},
    "stroke": {
      "field": "name",
      "type": "nominal",
      "scale": {
        "domain": ["knights", "handgrenade", "projected handgrenade"],
        "range": ["blue", "red", "red"]
      }
    },
    "strokeDash": {
      "field": "name",
      "type": "nominal",
      "scale": {
        "domain": ["knights", "handgrenade", "projected handgrenade"],
        "range": [[], [], [5, 3]] // 空数组代表实线，[5,3]代表长短虚线组合
      }
    }
  }
}

方法2：使用条件配置 #

如果需要更灵活的逻辑判断，可在mark的配置中通过condition指定样式：

{
  // 其他配置...
  "mark": {
    "type": "line",
    "stroke": {
      "condition": [
        {"test": "datum.name === 'knights'", "value": "blue"},
        {"test": "datum.name === 'handgrenade' || datum.name === 'projected handgrenade'", "value": "red"}
      ],
      "value": "gray" // 未匹配到的线条默认颜色
    },
    "strokeDash": {
      "condition": [
        {"test": "datum.name === 'projected handgrenade'", "value": [5, 3]},
        {"test": "datum.name === 'handgrenade' || datum.name === 'knights'", "value": []}
      ],
      "value": [] // 未匹配到的线条默认样式（实线）
    }
  }
}

两种方法都能实现你的需求：knights保持蓝色实线，handgrenade设为红色实线，projected handgrenade设为红色虚线。根据你的现有配置结构选择合适的方式即可。

内容的提问来源于stack exchange，提问作者Greg Bartlett