页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 2 当前 »

使用说明:

上传插件包:

bladex0508.zip

在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
   }
 */
  • 无标签