使用说明:
上传插件包:
在APP端应用详情处配置:
增加11种数据转换示例,其中7个数据转换函数,4个非函数示例
| 代码块 | ||
|---|---|---|
| ||
/**
* @author LiuBo
* @method
* @name BARDATAFORMATTER
* @description 柱状图数据转换方法
* @param {Array} res接口返回的的response.data
* @param {Object} options图表配置
* @return {Array} 柱状图合法数据
*
* @example
* (res) => {
let options = {
xAxis: '',
yAxis: [
{
name: '',
legend: ''
},
{
name: '',
legend: ''
},
]
}
return BARDATAFORMATTER(res.data, options)
}
*/
/**
* @author LiuBo
* @method
* @name LINEDATAFORMATTER
* @description 折线图数据转换方法
* @param {Array} res接口返回的的response.data
* @param {Object} options图表配置
* @return {Array} 折线图合法数据
*
* @example
* (res) => {
let options = {
xAxis: '',
yAxis: [
{
name: '',
},
{
name: '',
},
]
}
return LINEDATAFORMATTER(res.data, options)
}
*/
/**
* @author LiuBo
* @method
* @name PIEDATAFORMATTER
* @description 饼图数据转换方法
* @param {Array} res接口返回的的response.data
* @param {Object} options图表配置
* @return {Array} 饼图合法数据
*
* @example
* (res) => {
let options = {
xAxis: '',
yAxis: ''
}
return PIEDATAFORMATTER(res.data, options)
}
*/
/**
* @author LiuBo
* @method
* @name PICTORIALBARDATAFORMATTER
* @description 象形图数据转换方法
* @param {Array} res接口返回的的response.data
* @param {Object} options图表配置
* @return {Array} 象形图合法数据
*
* @example
* (res) => {
let options = {
xAxis: '',
yAxis: ''
}
return PICTORIALBARDATAFORMATTER(res.data, options)
}
*/
/**
* @author LiuBo
* @method
* @name RADARDATAFORMATTER
* @description 雷达图数据转换方法
* @param {Array} res接口返回的的response.data
* @param {Object} options图表配置
* @return {Object} 雷达图合法数据
*
* @example
* (res) => {
let options = {
indicator: [
{
name: '',//真实值对应属性
max: ,//真实值对应最大值
displayName: ''//真实值对应名称
},
],
legend: []//每个图例
}
return RADARDATAFORMATTER(res.data, options)
}
*/
/**
* @author LiuBo
* @method
* @name SCATTERFORMATTER
* @description 散点图数据转换方法
* @param {Array} res接口返回的的response.data
* @param {Array<Object>} options图表配置
* @return {Object} 散点图合法数据
*
* @example
* (res) => {
let options = [
{
xAxis: '',
yAxis: ''
},
{
xAxis: '',
yAxis: ''
},
]
return SCATTERFORMATTER(res.data, options)
}
*/
/**
* @author LiuBo
* @method
* @name FUNNELDATAFORMATTER
* @description 漏斗图数据转换方法
* @param {Array} res接口返回的的response.data
* @param {Object} options图表配置
* @return {Array} 漏斗图合法数据
*
* @example
* (res) => {
let options = {
xAxis: '',
yAxis: ''
}
return FUNNELDATAFORMATTER(res.data, options)
}
*/
/**
* @author LiuBo
* @description 翻牌器数据返回示例
* @return {Object} 翻牌器合法数据可以用返回值替换(如果有的话)
*
* @example
* (res) => {
return {
value: '12345' || res.data[0].value
}
}
*/
/**
* @author LiuBo
* @description 颜色块数据返回示例
* @return {Array} 颜色块合法数据可以用返回值替换(如果有的话)
*
* @example
(res) => {
let data = [];
res.data.forEach(row => {
data.push({
"backgroundColor": "#67C23A" || row.color,
"prefixText": "某某某总人数" || row.prefixText,
"value": "12345" || row.value,
"suffixText": "人" || row.suffixText
})
})
return data
}
*/
/**
* @author LiuBo
* @description 环形图&进度条数据返回示例
* @return {Object} 环形图&进度条合法数据可以用返回值替换(如果有的话)
*
* @example
(res) => {
let data = {
"label": "人数增涨" || res.data[0].label,
"value": 40 || res.data[0].value,
"data": 80 || res.data[0].data
};
return data
}
*/
/**
* @author LiuBo
* @description 仪表盘数据返回示例
* @return {Object} 仪表盘合法数据可以用返回值替换(如果有的话)
*
* @example
(res) => {
let data = {
"min": 1 || res.data[0].min,
"max": 10 || res.data[0].max,
"label": "名称" || res.data[0].label,
"value": 4 || res.data[0].value,
"unit": "%" || res.data[0].unit
}
return data
}
*/ |
