Function PiePanel

ui/src/views/dashboard/plugins/panel/pie/Pie.tsx:56–217

(props: Props)

export default PiePanelWrapper

const PiePanel = (props: Props) => {
    const { panel, height, width } = props
    const [chart, setChart] = useState(null)
    const { colorMode } = useColorMode()
    if (!isSeriesData(props.data)) {
        return (<Center height="100%">Data format not support!</Center>)
    }

    const isMobileScreen = width < MobileVerticalBreakpointNum
    const [options, onEvents] = useMemo(() => {
        // const d = data.length > 0 ? data[0] : []

        const data: PiePluginData = []
        const color = []
        const colors = paletteMap[props.panel.styles.palette] ?? palettes
        const d = props.data.flat()
        d.forEach((series,i) => {
            const v = calcValueOnSeriesData(series, props.panel.plugins.pie.value.calc)
            const override: OverrideItem = findOverride(props.panel, series.name)
            const nameOverride = findRuleInOverride(override, PieRules.SeriesName)
            data.push({
                name: !isEmpty(nameOverride) ? nameOverride :  series.name,
                value: v,
            })

            let c
            if (panel.plugins.pie.enableThresholds) {
                let max = 0
                if (panel.plugins.pie.thresholds.mode == ThresholdsMode.Percentage) {
                    max = calcValueOnSeriesData(series, ValueCalculationType.Max)
                }
                const threshold = getThreshold(v, panel.plugins.pie.thresholds, max)
                if (threshold) {
                    c = threshold.color
                } 
            }

            if (!c) {
                c = colors[i % colors.length]
            }

       
            const colorOverride = findRuleInOverride(override, PieRules.SeriesColor)
            if (colorOverride) c = colorOverride
            color.push(paletteColorNameToHex(c))
        })


        const onEvents = genDynamicFunction(panel.plugins.pie.onClickEvent);



        const lp = parseLegendPlacement(panel)



        const transformLabel = genDynamicFunction(panel.plugins.pie.label.transformName);