Pie餅形圖參數如下:
def add( # 系列名稱,用於 tooltip 的顯示,legend 的圖例篩選。 series_name: str, # 系列數據項,格式為 [(key1, value1), (key2, value2)] data_pair: Sequence, # 系列 label 顏色 color: Optional[str] = None, # 餅圖的半徑,數組的第一項是內半徑,第二項是外半徑 # 默認設置成百分比,相對於容器高寬中較小的一項的一半 radius: Optional[Sequence] = None, # 餅圖的中心(圓心)坐標,數組的第一項是橫坐標,第二項是縱坐標 # 默認設置成百分比,設置成百分比時第一項是相對於容器寬度,第二項是相對於容器高度 center: Optional[Sequence] = None, # 是否展示成南丁格爾圖,通過半徑區分數據大小,有'radius'和'area'兩種模式。 # radius:扇區圓心角展現數據的百分比,半徑展現數據的大小 # area:所有扇區圓心角相同,僅通過半徑展現數據大小 rosetype: Optional[str] = None, # 餅圖的扇區是否是順時針排布。 is_clockwise: bool = True, # 標簽配置項,參考 `series_options.LabelOpts` label_opts: Union[opts.LabelOpts, dict] = opts.LabelOpts(), # 提示框組件配置項,參考 `series_options.TooltipOpts` tooltip_opts: Union[opts.TooltipOpts, dict, None] = None, # 圖元樣式配置項,參考 `series_options.ItemStyleOpts` itemstyle_opts: Union[opts.ItemStyleOpts, dict, None] = None, # 可以定義 data 的哪個維度被編碼成什么。 encode: types.Union[types.JSFunc, dict, None] = None, )
各參數使用及對應效果
series_name:
# 系列名稱,用於 tooltip 的顯示,legend 的圖例篩選。 series_name: str
如下圖所示部分:
data_pair:
# 系列數據項,格式為 [(key1, value1), (key2, value2)] data_pair: Sequence,
.add("", [list(z) for z in zip(Faker.choose(), Faker.values())])
rosetype:
# 是否展示成南丁格爾圖,通過半徑區分數據大小,有'radius'和'area'兩種模式。 # radius:扇區圓心角展現數據的百分比,半徑展現數據的大小 # area:所有扇區圓心角相同,僅通過半徑展現數據大小 rosetype: Optional[str] = None, .add('', bankorder, rosetype = "radius")
.add('', bankorder, rosetype = "area")
Center:
# 餅圖的中心(圓心)坐標,數組的第一項是橫坐標,第二項是縱坐標 # 默認設置成百分比,設置成百分比時第一項是相對於容器寬度,第二項是相對於容器高度 center: Optional[Sequence] = None, .add('支付銀行', bankorder, center=["35%", "50%"])
Color:
# 系列 label 顏色 color: Optional[str] = None, .add('支付銀行', bankorder,color = "yellow") # 設置單一顏色 .set_colors(["blue", "green", "yellow", "red", "pink", "orange", "purple"]) #設置顏色集合
is_clockwise:
# 餅圖的扇區是否是順時針排布。即頁面初始化動態圖展示效果。不配置默認True is_clockwise: bool = True, .add('支付銀行', bankorder,is_clockwise = True)
.add('支付銀行', bankorder,is_clockwise = False)
radius:
# 餅圖的半徑,數組的第一項是內半徑,第二項是外半徑 # 默認設置成百分比,相對於容器高寬中較小的一項的一半 radius: Optional[Sequence] = None, .add('支付銀行', bankorder,radius = ["35%", "50%"])
.add('支付銀行', bankorder,radius = ["15%", "20%"])
全局參數:
legend_opts:
# 圖例組件離容器左側的距離。 # left 的值可以是像 20 這樣的具體像素值,可以是像 '20%' 這樣相對於容器高寬的百分比, # 也可以是 'left', 'center', 'right'。 # 如果 left 的值為'left', 'center', 'right',組件會根據相應的位置自動對齊。 pos_left: Union[str, Numeric, None] = None, .set_global_opts(title_opts=opts.TitleOpts(title="支付銀行交易統計表"),legend_opts=opts.LegendOpts(pos_left="20%"))