【仪表盘】只显示最近某个时间范围内的数据

//适用于柱图、线图、单Y联合如图、双Y联合图
//筛选器的标题为“订单日期”，若修改筛选器则需要修改下方获取筛选器中的“订单日期”字眼（var datePortlet = page.getPortletsByTitle("订单日期")[0];）
function main(page: IPage, portlet: IEChartsPortlet) {
    //近N年，N年月，N年月日，设置输出的条数
    var recentCount = 3;
    //根据筛选器标题来获取筛选器组件
    var datePortlet = page.getPortletsByTitle("订单日期")[0];
    //当筛选器没有标题时，需要通过筛选器ID去获取
    //var datePortlet = page.getPortletById("替换为筛选器的id")[0]; 根据ID去获取

    var datePortletvalue = datePortlet.getValue()[0];
    if (!datePortletvalue) {
        return;
    }

    //判断日期维度
    var judgeValue = datePortletvalue.split("-");
    var dateType = dateTypes(judgeValue);
    if (dateType === 0) {
        return;
    }

    //设置近N年（月日）时间列表
    datePortletvalue = datePortletvalue.replace(/-/g, "/");
    var dateValue = new Date(datePortletvalue);
    var dateArry = setArray(dateValue, dateType, recentCount);

    let options = portlet.getChartOptions();
    let datas = options.series[0].data;
    if (!datas || datas.length <= 0) {
        return;
    }

    //判断筛选器维度是否符合图表日期维度
    var dataType = (datas[0].displayValue[0]).split("-");
    if (dataType.length != dateType) {
        return;
    }

    //设置series和坐标轴
    var hasData = setData(options, datas, dateArry);

    //获取并设置ToolTip
    getToolTip(portlet, options, dateArry);

    if (hasData) {
        portlet.setChartOptions(options);
    } else {
        portlet.setChartOptions({});
    }
}

//判断日期值类型
function dateTypes(judgeValue: any) {
    //年
    if (judgeValue.length === 1) {
        return  1;
    }
    //年月
    else if (judgeValue.length === 2) {
        return 2;
    }
    //年月日
    else if (judgeValue.length === 3) {
        return 3;
    }
    return 0;
}

//设置数据和坐标轴
function setData(options: any, datas: any, dateArry: any) {
    var sData = [];
    var xaxis = [];
    var count = 0;
    for (var i = 0; i < datas.length; i++) {
        var item = datas[i];
        //判断是否在符合条件的日期列表中
        if (dateArry.includes(item.displayValue[0])) {
            item.rowIndex[0] = count;
            item.rowIndex[1] = count;
            item.value[0] = count;
            sData.push(item);
            xaxis.push(options.xAxis.data[i]);
            count++;
        }
    }
    //符合条件数据为空
    if (sData.length == 0) {
        return false;
    }
    options.series[0].data = sData;
    options.xAxis.data = xaxis;
    return true;
}

// 获取Tooltip数据
function getToolTip(portlet:any, options:any, dateArry:any) {
     let rows: any = []
    // 获取Tooltip数据
    portlet.getTooltipHandler((row: ITooltipRow, column: ITooltipColumn, rowIndex: number, columnIndex: number, fieldIndex: number) => {
        let obj = {
            '行数据': row.getValues(),
            '字段信息': row.getFields()
        }
        let ridx: number = Number(rowIndex)
        if (!rows[ridx]) rows[ridx] = []
        rows[ridx] = obj
    })
    // 自定义Tooltip信息
    setTooltipInfo(options, { rows }, dateArry);
}

//设置TooltipInfo
function setTooltipInfo(options: any, data: any,dateArry:any) {
    let result: any = [] // 提示信息
    data.rows.forEach((el: any, index: number) => {
        let rowData = el['行数据']
        let fieldData = el['字段信息']
        if (dateArry.includes(rowData[0].value)) {
            let buf :any= []
            // 构造原来的Tooltip数据信息
            rowData.forEach((em:any, edx:number) => {
                buf.push(`${fieldData[edx].alias}:${em.value}<br>`)
            })
            result.push(buf.join(''));
        }
    })
    // 覆写ECharts中tooltip.formatter格式化信息
    options.tooltip.formatter = (params: any) => {
        return result[params.dataIndex];
    }
}

//设置匹配的列表
function setArray(dateValue: any, dateType: any, recentCount: any) {
    var arry = []
    //年
    if (dateType == 1) {
        for (var i = 0; i < recentCount; i++){
            arry.push(String(dateValue.getFullYear()));
            dateValue.setYear(dateValue.getFullYear() - 1);
        }
    }
    //年月
    else if (dateType == 2) {
        for (var i = 0; i < recentCount; i++){
            var month = parseInt(dateValue.getMonth()) + 1;
            var dates;
            if (month < 9) {
                dates = dateValue.getFullYear() + "-" + "0" + month;
            } else {
                dates = dateValue.getFullYear() + "-" + month;
            }
            arry.push(dates);
            dateValue.setMonth(dateValue.getMonth() - 1);
        }
    }
    //年月日
    else {
        for (var i = 0; i < recentCount; i++){
            var month = parseInt(dateValue.getMonth()) + 1;
            var dates;
            if (month < 9) {
                dates = dateValue.getFullYear() + "-" + "0" + month + "-" + "0" + dateValue.getDate();
            } else {
                dates = dateValue.getFullYear() + "-" + month + "-" + dateValue.getDate();
            }
            arry.push(dates);
            dateValue.setDate(dateValue.getDate() - 1);
        }
    }
    return arry;
}