# 简化配置(默认配置)

通过简化配置可以将一些常用的配置用常量标识,减少重复代码的编写。可以使用ams内部继承的配置,也可以在项目自行配置,在文末自定义有使用说明。

在ams内部目前集成了以下几种简化配置,通过在浏览器控制台console面板打印ams.configs也可以查看

# FORM_SUBMIT

提交按钮的简化配置

operations: {
    BASE: 'FORM_SUBMIT'
}
等同于
operations: {
    submit: {
        type: 'button',
        label: '提交',
        props: {
            type: 'primary'
        }
    }
}

# SELECT_REMOTE

远程搜索的简化配置,更多的配置详见远程搜索

select: {
    BASE: 'SELECT_REMOTE',
    label: 'select',
    type: 'select',
    remoteConfig: {
        action: 'http://xxx.vip.com/examples/admin/mock/simple.tags.json',
        queryKey: 'requiredName'
    }
}

# LIST

列表页的简化配置

list: {
	BASE: 'LIST'
}
等同于
list: {
	type: 'list'
}

# LINE

折线图的简化配置

line: {
	BASE: 'LINE'
}
等同于
line: {
	type: 'line',
    toolbox: {
        show: true,
        trigger: 'axis'
    },
    legend: {
        data: 'data.legend'
    },
    xAxis: {
        data: 'data.xAxis'
    }
}

# BAR

柱状图的简化配置

bar: {
	BASE: 'BAR'
}
等同于
bar: {
	type: 'bar',
    tooltip: {
        show: true,
        trigger: 'axis'    // 触发类型, axis 坐标轴触发
    },
    legend: {
        data: 'data.legend'
    },
    xAxis: {
        data: 'data.xAxis'
    }
}

# PIE

饼状图的简化配置

pie: {
	BASE: 'PIE'
}
等同于
pie: {
	type: 'pie',
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        x: 'left',
        data: 'data.legend'
    }
}

# FUNNEL

漏斗图的简化配置

funnel: {
	BASE: 'FUNNEL'
}
等同于
funnel: {
	tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c}%'
    },
    toolbox: {
        feature: {
            dataView: { readOnly: false },
            restore: {},
            saveAsImage: {}
        }
    },
    legend: {
        data: 'data.legend'
    }
}

# SCATTER

散点图的简化配置

scatter: {
    BASE: 'SCATTER'
}
等同于
scatter: {
    tooltip: {
        trigger: 'item'
    },
    legend: {
        right: 10,
        data: 'data.legend'
    },
    xAxis: {
        scale: true
    },
    yAxis: {
        scale: true     // y轴不会强制包含零刻度,在双数值轴的散点图中比较有用
    }
}

# RADAR

雷达图的简化配置

radar: {
    BASE: 'RADAR'
}
等同于
radar: {
    tooltip: {
        trigger: 'item'
    },
    legend: {
        data: 'data.legend',
        right: 0
    },
    // 雷达图坐标系, 每一个轴(indicator 指示器)都是一个单独的维度
    radar: {
        name: {
            textStyle: {
                color: '#fff',
                backgroundColor: '#999',
                borderRadius: 3,
                padding: [3, 5]
            }
        }
    }
}

# 自定义

可以调用ams.config(config)设置自定义的简化配置,如需要一个TEXT类型,则可以设置

ams.config({
    TEXT: {
        type: 'text',
        style: {}
    }
})
使用时如下:
custom: {
    BASE: 'TEXT'
}