如何创建圆形条形图vega

Question

我正在使用vega库渲染我的柱形图，我在vega网站上浏览了所有提供的示例，但是找不到如何制作柱形图的四舍五入柱形

非常感谢大家的帮助

Answer 1

我建议您在marks元素中，用Image更改类型，以便可以显示要使用的图像。

“标记”：[     {

  "type": "Image",
  "from": {"data":"table"},
  "encode": {
    "enter": {
      "x": {"scale": "xscale", "field": "category"},
      "width": {"scale": "xscale", "band": 1},
      "y": {"scale": "yscale", "field": "amount"},
      "y2": {"scale": "yscale", "value": 0}
    },
    "update": {
      "fill": {"value": "steelblue"}
    },
    "hover": {
      "fill": {"value": "red"}

    }
  }
},

只有以下几种类型。

arc-圆弧，包括派和甜甜圈片。

区域-水平或垂直对齐的填充区域。

图像-图像，包括图标或照片。

group-其他标记的容器，可用于子图。

line-线条描边，通常用于显示一段时间内的变化。

path-使用SVG路径语法定义的任意路径或多边形。

rect-矩形，如条形图和时间线。

规则-规则是线段，通常用于轴刻度线和网格线。

shape-路径标记的特殊变体，可以更快地绘制制图地图。

符号-绘制符号，包括圆形，正方形和其他形状。

text-具有可配置字体，对齐方式和角度的文本标签。

trail-可以根据基础数据更改大小的行。

Answer 2

您可以设置标记的cornerRadius属性。

"mark": {
  "type": "rect",
  "cornerRadius": 10
},

在这里尝试：https://vega.github.io/editor/#/url/vega-lite/N4KABGBEAkDODGALApgWwIaQFxUQFzwAdYsB6UgN2QHN0A6agSz0QFcAjOxge1IRQyUa6ALQAbZskoAmOgCtY3AHaQANOCgATZAgBOjQnh4qckAIJhYjVITHIw7dLrBIneMAHdmiMGnbJNbU0wTXQ8ejUNSFDw7DBQCAhICnQxVh04gG0NRPjITFMzNUh2OOkADgBfVTyCqAAhYtKcAFYW6tq4yABhJriAFgBmapzE4HyugBE+nABOAEYO8brIAFEZsHLFmuWugDENluH1XIhd0wBxDfnZpYnTAAkN8oB2O5WASUPpStGAXQ0I0gGF0AGs4gkoHgAJ6EZBdXTIeB4SJJeDcXRKZC6ABK6E0jFYsDi8wADCARklkEp0QSlNQIaNIAAPCGQABmjGQYk0XUwNUgMLhXQxdNSkEpiUg0LZnO5vNMpQFQvhpgAjqx0EojOEjFQJYCKSAgA