PieLabels

• 名稱：Pie Labels（圓餅圖標籤）

• 說明：適合和 Pie 搭配，顯示資料標籤

• 使用方式：data$ 內資料上必須要有 label 欄位以顯示出標籤文字

範例：

chart.data$.next([
  [
    {
      label: '台北',
      value: 50000
    },
    {
      label: '台中',
      value: 40000
    },
    {
      label: '高雄',
      value: 30000
    }
  ]
])

• Playground 範例

params$

• 型別：Partial<PieLabelsParams>

• 欄位：

  名稱	說明	型別
  outerRadius	繪圖函式	number
  outerRadiusWhileHighlight	文字（行）attribute	number
  startAngle	弧形的起始角度	number
  endAngle	弧形的結束角度	number
  labelCentroid	標籤位於弧形半徑中心點的相對位置（0為圓的中心點、2為圓的邊緣）	number
  labelColorType	標籤顏色類別	ColorType
  labelFn	標籤顯示文字的函式	(d: ComputedDatumSeries) => string

詳細型別

type ColorType = 'none' | 'label' | 'labelContrast' | 'primary' | 'secondary' | 'background'

interface ComputedDatumSeries {
  id: string
  index: number
  label: string
  visible: boolean
  data: any
  value: number | null
  color: string
  seriesIndex: number
  seriesLabel: string
  seq: number
}

• 預設值：

{
  outerRadius: 0.85,
  outerRadiusWhileHighlight: 0.9,
  startAngle: 0,
  endAngle: Math.PI * 2,
  labelCentroid: 2.1,
  labelColorType: 'primary',
  labelFn: d => String(d.label),
}