D3.js 更改线形图vegalite中线条的颜色

D3.js 更改线形图vegalite中线条的颜色,d3.js,line,linechart,vega-lite,vega,D3.js,Line,Linechart,Vega Lite,Vega,我想更改折线图中线条的颜色。它们目前被设置为自动。两条线代表两个不同的数据点。 我的代码: 下图: 您可以通过定义自定义比例范围或设置配色方案来更改线条的颜色 例如,您可以使用任何有效的HTML颜色名称或十六进制代码手动设置如下颜色范围: color: { type: "nominal", field: "status_mean" scale: { range: ["green", "blue"]

我想更改折线图中线条的颜色。它们目前被设置为自动。两条线代表两个不同的数据点。 我的代码:

下图:

您可以通过定义自定义比例范围或设置配色方案来更改线条的颜色

例如,您可以使用任何有效的HTML颜色名称或十六进制代码手动设置如下颜色范围:

color: {
  type: "nominal",
  field: "status_mean"
  scale: {
    range: ["green", "blue"]
  }
}
或者,您可以使用预定义的:

在Vega Lite的文档中可以找到可用颜色选项的完整描述

color: {
  type: "nominal",
  field: "status_mean"
  scale: {
    range: ["green", "blue"]
  }
}
color: {
  type: "nominal",
  field: "status_mean"
  scale: {
    scheme: "accent"
  }
}