PieEventTexts

• 名稱：Pie Event Texts（圓餅圖事件資訊）

• 說明：適合和 Pie 搭配，顯示事件（滑鼠移過）的資訊

• Playground 範例

params$

• 型別：Partial<PieEventTextsParams>

• 欄位：

  名稱	說明	型別
  renderFn	文字顯示函式，如果回傳值為陣列則顯示為多行文字	(d: EventSeries) => string[] | string
  textAttrs	每行文字的 attribute	Array<{ [key:string]: string | number }>
  textStyles	每行文字的 style	Array<{ [key:string]: string | number }>

• 預設值：

{
  renderFn: (eventData: EventSeries) => {
    if (eventData.eventName === 'mouseover' || eventData.eventName === 'mousemove') {
      return [String(eventData.datum!.value)]
    }
    return [
      String(
        Math.round(
          eventData.data.reduce((acc, seriesData) => {
            return acc + seriesData.reduce((_acc, data) => {
              return _acc + (data.value ?? 0)
            }, 0)
          }, 0) * (eventData.tween ?? 1)
        )
      )
    ]
  },
  textAttrs: [
    {
      "transform": "translate(0, 0)"
    }
  ],
  textStyles: [
    {
      "font-weight": "bold",
      "text-anchor": "middle",
      "pointer-events": "none",
      "dominant-baseline": "middle",
      "font-size": 64,
      "fill": "#000"
    }
  ]
}