使Vega.js渐变传奇更广泛

Question

我正在尝试修改Vega.js等值范例以使用渐变图例，然后使该图例更宽。我已经成功地将类型更改为＆＃34; gradient＆＃34;，但是当我尝试使图例更宽时，文本标签仍然卡住，并且不会随着颜色条加宽。

以下是完整代码的链接：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时的屏幕截图，请注意＆＃34; 0.0％＆＃34;和＆＃34; 15.0％＆＃34;文字标签间距不正确：wider color bar with narrower labels