提交 a1460275 authored 作者: 王鹏飞's avatar 王鹏飞

chore: update

上级 4e1ee8a0
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
......@@ -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 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论