<template>
  <div>
    <p>D3JS实现的3D饼图</p>
    <div id="abc"></div>
  </div>
</template>

<script setup>
import pie from '../utils/pie'
import { onMounted, reactive } from 'vue';

let config = reactive({
  
})
//基础数据
const salesData = [
    {label: "Basic", value: 100, color: "#0f7eee",show:true},
    {label: "Plus", value: 20, color: "#24DAff",show:true},
    {label: "Lite", value: 30, color: "#ffff80",show:true},
    {label: "Elite", value: 40, color: "#caf982",show:true},
    {label: "Delux", value: 50, color: "#80dcff",show:true},
];
onMounted(() => {
  pie('#abc', 700, 400, salesData, 250, 200, 150, 100, 30, config)
})

</script>

<style>
/* 样式 */
</style>
