61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
|
<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>
|