使用说明:
上传插件包:
在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 } */