Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
张小浪
vue项目使用D3js实现3D饼图
提交
f63d905c
V
vue项目使用D3js实现3D饼图
项目概览
张小浪
/
vue项目使用D3js实现3D饼图
与 Fork 源项目一致
Fork自
inscode / VueJS
通知
2
Star
8
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue项目使用D3js实现3D饼图
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
f63d905c
编写于
5月 08, 2023
作者:
6
64584ef1ecd7b40dc29f18f5
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
UPDATE
上级
dc68fad7
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
6 addition
and
3 deletion
+6
-3
src/components/Pie3D.vue
src/components/Pie3D.vue
+5
-3
src/utils/pie.js
src/utils/pie.js
+1
-0
未找到文件。
src/components/Pie3D.vue
浏览文件 @
f63d905c
...
...
@@ -11,7 +11,9 @@ import { onMounted, reactive } from 'vue';
let
config
=
reactive
({
color
:[
"
#5470c6
"
,
"
#91cc75
"
,
"
#fac858
"
,
"
#ee6666
"
,
"
#73c0de
"
],
//颜色
sfShowLabel
:
true
//是否显示文本标线
sfShowLabel
:
true
,
//是否显示文本标线
legendOrient
:
'
horizontal
'
,
//图例,横向、纵向
legendType
:
'
plain
'
,
//图例类型,普通图例plain还是 scroll翻页图例
})
//基础数据
const
salesData
=
[
...
...
@@ -21,8 +23,8 @@ const salesData = [
{
label
:
"
2023-05-04
"
,
value
:
21
,
DWMC
:
'
俩
'
},
{
label
:
"
2023-05-05
"
,
value
:
23
,
DWMC
:
'
俩
'
},
{
label
:
"
2023-05-06
"
,
value
:
82
,
DWMC
:
'
俩
'
},
{
label
:
"
2023-05-0
6
"
,
value
:
26
,
DWMC
:
'
俩
'
},
{
label
:
"
2023-05-0
6
"
,
value
:
57
,
DWMC
:
'
俩
'
}
{
label
:
"
2023-05-0
7
"
,
value
:
26
,
DWMC
:
'
俩
'
},
{
label
:
"
2023-05-0
8
"
,
value
:
57
,
DWMC
:
'
俩
'
}
];
onMounted
(()
=>
{
pie
(
'
#abc
'
,
700
,
400
,
salesData
,
250
,
200
,
150
,
100
,
30
,
config
)
...
...
src/utils/pie.js
浏览文件 @
f63d905c
...
...
@@ -152,4 +152,5 @@ export default function pie(id, width, height, data, x, y, rx, ry, h, config,ir=
})
}
}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录