You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用Vega-Lite创建半圆饼图?

Vega-Lite半圆饼图实现方案

完全可以通过Vega-Lite实现半圆饼图,核心调整逻辑是修改饼图的角度映射范围,具体操作如下:

  • 修改theta通道的量程范围
    默认饼图的角度映射范围是0到2π(对应整圆360度),只需要在theta通道的scale配置里将范围上限设为π(约3.14159),即可把饼图限制为半圆展示:
"encoding": {
  "theta": {
    "field": "你的数值字段名称",
    "type": "quantitative",
    "scale": {
      "range": [0, 3.14159]
    }
  }
}
  • 优化视图展示效果
    默认配置下半圆下方会预留整圆下半部分的空白,你可以通过调整视图padding把半圆上移,数值可根据你的画布尺寸自行调整:
"view": {
  "stroke": null,
  "padding": {
    "bottom": -180
  }
}

其他原有配置(比如颜色映射、图例、交互设置等)不需要修改,和普通饼图保持一致即可。如果需要更美观的展示效果,还可以额外叠加一个灰色的半圆层作为背景底托。

内容的提问来源于stack exchange,提问作者luiscastro193

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.23 15:36:05