d3.js - 使 Vega.js 渐变图例更宽

Question

我正在尝试修改 Vega.js choropleth 示例以使用渐变图例，然后使该图例更宽。我已成功将类型更改为“渐变”，但是当我尝试使图例更宽时，文本标签仍然卡住并且不会随着颜色条变宽。

这是完整代码的链接：https ://jsbin.com/tamenucohu/edit?html,output

这是特定于图例的部分：

"legends": [
  {
    "fill": "color",
    "orient": "bottom-right",
    "title": "Unemployment",
    "format": "0.1%",
    "type": "gradient",
    "encode": {
      "gradient": {
        "update": {
          "width": {"value": 300}
        }
      }
    }
  }

这是我将宽度设置为 300 时的屏幕截图，请注意“0.0%”和“15.0%”文本标签的间距不正确：较宽的颜色条带有较窄的标签