Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
S
saas-bi
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
EzijingWeb
saas-bi
Commits
a1460275
提交
a1460275
authored
3月 27, 2025
作者:
王鹏飞
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: update
上级
4e1ee8a0
显示空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
75 行增加
和
0 行删除
+75
-0
chart.tsx
src/modules/demo/chart.tsx
+71
-0
routes.tsx
src/modules/demo/routes.tsx
+4
-0
没有找到文件。
src/modules/demo/chart.tsx
0 → 100644
浏览文件 @
a1460275
import
{
Column
}
from
'@ant-design/charts'
const
DemoColumn
=
()
=>
{
const
data
=
[
{
type
:
'家具家电'
,
sales
:
38
,
},
{
type
:
'粮油副食'
,
sales
:
52
,
},
{
type
:
'生鲜水果'
,
sales
:
61
,
},
{
type
:
'美容洗护'
,
sales
:
145
,
},
{
type
:
'母婴用品'
,
sales
:
48
,
},
{
type
:
'进口食品'
,
sales
:
38
,
},
{
type
:
'食品饮料'
,
sales
:
38
,
},
{
type
:
'家庭清洁'
,
sales
:
38
,
},
]
const
config
=
{
title
:
{
visible
:
true
,
text
:
'基础柱状图label颜色自动调整'
,
},
description
:
{
visible
:
true
,
text
:
'图形标签(label)的adjustColor配置项设置为true时
\
uFF0C位于柱形的内部的label颜色会根据柱形颜色自动调整
\
uFF0C保证可读性
\
u3002'
,
},
forceFit
:
true
,
data
,
padding
:
'auto'
,
xField
:
'type'
,
yField
:
'sales'
,
meta
:
{
type
:
{
alias
:
'类别'
,
},
sales
:
{
alias
:
'销售额(万)'
,
},
},
colorField
:
'type'
,
color
:
[
'#55A6F3'
,
'#55A6F3'
,
'#55A6F3'
,
'#CED4DE'
,
'#55A6F3'
,
'#55A6F3'
,
'#55A6F3'
,
'#55A6F3'
],
label
:
{
visible
:
true
,
// position: 'middle',
adjustColor
:
true
,
},
}
return
<
Column
{
...
config
}
/>
}
export
default
DemoColumn
src/modules/demo/routes.tsx
浏览文件 @
a1460275
...
...
@@ -10,4 +10,8 @@ export const routes: RouteObject[] = [
path
:
'/demo/button'
,
Component
:
lazy
(()
=>
import
(
'./button'
)),
},
{
path
:
'/demo/chart'
,
Component
:
lazy
(()
=>
import
(
'./chart'
)),
},
]
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论