<template>
    <div id="container" style="height: 100%;height: 100%;"></div>
</template>
<script setup lang="ts">
import Highcharts from "highcharts"
import highcharts3d from 'highcharts/highcharts-3d'
onMounted(() => {
    Highcharts.chart('container', options)
})

const options = {
    chart: {
        type: 'pie',
        backgroundColor: 'rgba(0, 0, 0, 0.32)',
        options3d: {
            enabled: true,
            alpha: 45
        },
        spacingTop: 20,
        spacingBottom: 20,
        spacingLeft: 17,
        spacingRight: 17,
    },
    title: {
        text: '施工单位自有设备详情',
        margin: 50,
        style: {
            color: "#0099FF",
        },
        align: 'left',
        x: 0,
        y: 23
    },
    plotOptions: {
        pie: {
            innerSize: 60,
            depth: 45,
            showInLegend: true,
            dataLabels: {
                enabled: false,
            }
        }
    },
    series: [{
        name: '设备数量',
        data: [
            ['广东电网', 8],
            ['广西电网', 3],
            ['云南电网', 1],
            ['贵州电网', 6],
            ['海南电网', 8],
            ['深圳供电局', 4],
            ['超高压公司', 4]
        ]
    }]
}


</script>
<style scoped lang="scss"></style>
