tachybase_todo/packages/client/src/schemas/add-new/chart.ts
2021-07-24 16:37:13 +08:00

151 lines
2.2 KiB
TypeScript

export const columnChartConfig = {
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,
},
],
xField: 'type',
yField: 'sales',
label: {
position: 'middle',
style: {
fill: '#FFFFFF',
opacity: 0.6,
},
},
xAxis: {
label: {
autoHide: true,
autoRotate: false,
},
},
meta: {
type: { alias: '类别' },
sales: { alias: '销售额' },
},
};
var 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,
},
];
var config = {
data: data,
xField: 'sales',
yField: 'type',
legend: { position: 'top-left' },
barBackground: { style: { fill: 'rgba(0,0,0,0.1)' } },
interactions: [
{
type: 'active-region',
enable: false,
},
],
};
export const barChartConfig = {
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,
},
],
xField: 'sales',
yField: 'type',
legend: { position: 'top-left' },
barBackground: { style: { fill: 'rgba(0,0,0,0.1)' } },
interactions: [
{
type: 'active-region',
enable: false,
},
],
};