dcim-topology2d 2.2.0 → 3.0.2

package/chart-diagram/src/utils/formatter.js

@@ -1,206 +0,0 @@
-import {rankingTopColorList} from '../../../static';
-
-export function mapFormatterSet(appearance, options, data, dataDictionary) {
-    if(appearance.type.includes('ring') || appearance.type.includes('pie')) {
-        const seriesNode = options.series[0];
-        if(seriesNode.label && seriesNode.label.normal &&!seriesNode.label.normal.formatter) {
-            setMapRingOptionsFormatter(appearance, seriesNode);
-        }
-    }
-    if(appearance.type === 'ring3d') setMapRing3DFormatter(appearance, options, dataDictionary);
-    if(appearance.type === 'pie3d') setMapPie3DFormatter(appearance, options);
-    if(appearance.type.includes('line') || appearance.type.includes('bar')) setMapLineBarFormatter(appearance, options);
-    if(appearance.type.includes('lineTwins')) setMapLineTwinsFormatter(appearance, options);
-    if(appearance.type.includes('scatter')) setMapScatterFormatter(options);
-    if(appearance.type.includes('TOPRanking')) setMapTopScoreFormatter(options, data, appearance);
-    if(appearance.type.includes('barPileStatic')) setMapBarPileStaticFormatter(appearance, options);
-}
-function setMapLineTwinsFormatter(appearance, options) {
-    if(!options.tooltip.formatter && appearance.tooltipUnit) {
-        options.tooltip.formatter = function (params) {
-            let relVal = params[0].name;
-            for (var i = 0, l = params.length; i < l; i++) {
-                const unit = appearance.tooltipUnit[i] || '';
-                relVal +=
-                        "<br/>" +
-                        params[i].marker +
-                        params[i].seriesName +
-                        " : " +
-                        params[i].value +
-                        unit;
-            }
-            return relVal;
-        }
-    }
-}
-// 折线 || 柱状图
-function setMapLineBarFormatter(appearance, options){
-    if(!options.tooltip.formatter){
-        options.tooltip.formatter = function(param) {
-            const firstUnit = getTooltipUnit(0, appearance);
-            const firstDott = getTooltipDott(param[0].color);
-            let data = `${firstDott}${param[0].seriesName}：${param[0].value} ${firstUnit}`;
-            for (let i = 1; i < param.length; i++){
-                const item = param[i];
-                const unit = getTooltipUnit(i, appearance);
-                const dott = getTooltipDott(param[i].color);
-                data += `<br>${dott}${item.seriesName}：${appearance.total && appearance.total[item.dataIndex].value || item.value} ${unit}`;
-            }
-            return `<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 12px;margin-bottom: 5px;">${param[0].name}</div>${data}`;
-        }
-    }
-}
-function getTooltipUnit(index, appearance) {
-    return appearance.tooltipUnit && appearance.tooltipUnit[index] || appearance.series && appearance.series[index] && appearance.series[index].labelUnit || '';
-}
-function getTooltipDott(color) {
-    return `<span style="display: inline-block;margin-right: 8px;border: 5px solid ${color};border-radius: 100%"></span>`;
-}
-// 堆叠统计
-function setMapBarPileStaticFormatter(appearance, options) {
-    for (let i = 0; i < options.series.length; i++) {
-        const item = options.series[i];
-        const setItem = appearance.series[i];
-        if(setItem) {
-            item.itemStyle.normal.color = setItem.itemColor;
-            item.label.color = setItem.labelColor;
-            item.label.fontSize = setItem.labelSize;
-            item.label.padding[0] = setItem.labelTop;
-        }
-        item.label.formatter = `{c}${setItem ? setItem.labelUnit : ''}`;
-    }
-    if(appearance.total && appearance.total.length) {
-        options.series[1].label.formatter = function(param) {
-            if(!param.value) return '';
-            const val = appearance.totalLabel ? appearance.total[param.dataIndex].value ||  options.series[1].data[param.dataIndex] : '';
-            return `${val}${appearance.series[1].labelUnit}`;
-        }
-    }
-}
-// Top排行榜自定义展示配置
-function setMapTopScoreFormatter(options, data, appearance) {
-    const yNode = options.yAxis[0];
-    if(!yNode.axisLabel.formatter) {
-        yNode.axisLabel.formatter = function(value, i) {
-            return `{a${i+1}|}{b|${value}}`;
-        }
-    }
-    const seriesNode = options.series[0];
-    if(appearance.total && appearance.total.length) {
-        const realData = data && data.seriesData && data.seriesData[0] && data.seriesData[0].data;
-        const normalData = [28.7, 24.2, 20.3, 19.8, 19.3];
-        const resultData = realData && realData.length ? realData : normalData;
-        seriesNode.itemStyle.normal.label.formatter = function(param) {
-            return `${resultData[param.dataIndex]}${appearance.unit}`;
-        }
-        for(let i = 0; i < appearance.total.length; i++) {
-            const value = appearance.total[i].value;
-            seriesNode.data[i] = value ? parseInt(value) : normalData[i];
-        }
-    }
-    if(seriesNode.itemStyle.normal.color) return;
-    const colorList = appearance.barColor || rankingTopColorList;
-    for (let i = 0; i < options.series.length; i++) {
-        const node = options.series[i];
-        node.itemStyle.normal.color = function(params) {
-            return colorList[params.dataIndex];
-        }
-    }
-}
-// 散点图series自定义展示配置
-function setMapScatterFormatter(options) {
-    const seriesNode = options.series[0];
-    if(!options.tooltip.formatter) {
-        options.tooltip.formatter = function(param) {
-            const value = param.value;
-            // prettier-ignore
-            return `<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 12px;padding-bottom: 5px;margin-bottom: 5px;">${param.seriesName}告警</div>告警等级：${value[1]}<br>告警数量：${value[2]}`;
-        }
-    }
-    if(!options.yAxis[0].axisLabel.formatter) {
-        options.yAxis[0].axisLabel.formatter = function (value, index) {
-            return `{f${index+1}|${value}}`;
-        }
-    }
-    if(seriesNode.symbolSize) return;
-    for (let i = 0; i < options.series.length; i++) {
-        const node = options.series[i];
-        node.symbolSize = function(d) {
-            let markSize = Math.sqrt(d[2]) * 2;
-            if(markSize < 6) markSize = 6;
-            if(markSize > 20) markSize = 20;
-            //if(!markSize) markSize = 1;
-            return markSize;
-        }
-        node.label.emphasis.formatter = function(param) {
-            return param.data[0];
-        }
-    }
-}
-// 环形图自定义展示配置
-function setMapRingOptionsFormatter(appearance, seriesNode) {
-    if(appearance.labelDetail && appearance.labelDetail.length) {
-        seriesNode.label.normal.formatter = (data) => {
-            let result = `{a|${data.name}}\n{cir|}`;
-            for (let i = 0; i < appearance.labelDetail.length; i++) {
-                const detail = appearance.labelDetail[i];
-                result += '\n'+`{b${i+1}|${detail.title}${i === 0 ? data.value : data[`value${i+1}`]}${detail.unit}}`;
-            }
-            return result;
-        }
-    }else {
-        seriesNode.label.normal.formatter = (data) => {
-            if (appearance.label.showValue === true) {
-                return `${data.name}：${data.value}${appearance.label.unit}`;
-            } else {
-                return `${data.name}`;
-            }
-        }
-    }
-}
-// 环形3D图自定义展示配置
-function setMapRing3DFormatter(appearance, options, data) {
-    if(!options.tooltip.formatter) {
-        options.tooltip.formatter = (params) => {
-            if (params.seriesName !== 'mouseoutSeries' && params.seriesName !== 'pie2d') {
-                const pieData = options.series[params.seriesIndex].pieData;
-                const pv = (pieData.endRatio - pieData.startRatio) *100;
-                let bfb = Math.round(pv);
-                return `${
-                        params.seriesName
-                }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
-                        params.color
-                };"></span>${bfb}${appearance.unit}`;
-            }
-        }
-    }
-    options.legend.formatter = (name) => {
-        const legendItem = data.node[name];
-        const pv = (legendItem.value / data.total) * 100;
-        const p = Math.round(pv)+'%';
-        return `{a|${name}}{b${legendItem.order}|${legendItem.value}}{b${legendItem.order}|${p}}`;
-    }
-}
-// 饼图3D图自定义展示配置
-function setMapPie3DFormatter(appearance, options) {
-    if(!options.tooltip.formatter) {
-        options.tooltip.formatter = (params) => {
-            if (params.seriesName !== 'mouseoutSeries') {
-                const pieData = options.series[params.seriesIndex].pieData;
-                if(!pieData) return; // 先退出，后期若有hover引线时，图形联动的需求时再做逻辑处理
-                return `${
-                        params.seriesName
-                }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
-                        params.color
-                };"></span>${pieData.value}${appearance.unit}`;
-            }
-        }
-    }
-    const lastSeriesNode = options.series[options.series.length - 1];
-    if(appearance.labelLine.show && !lastSeriesNode.label.formatter) {
-        lastSeriesNode.label.formatter = (params) => {
-            const dataIndex = params.dataIndex + 1;
-            return `{name${dataIndex}|${params.name}}{value${dataIndex}|${params.value}}{unit${dataIndex}|${appearance.unit}}`;
-        }
-    }
-}

package/chart-diagram/src/utils/index.d.ts

@@ -1,5 +0,0 @@
-export * from './conversion';
-export * from './drawGraphic';
-export * from './changeOptions';
-export * from './formatter';
-export * from './surfaceParametricConversion';

package/chart-diagram/src/utils/index.js

@@ -1,5 +0,0 @@
-export * from './conversion';
-export * from './drawGraphic';
-export * from './changeOptions';
-export * from './formatter';
-export * from './surfaceParametricConversion';

package/chart-diagram/src/utils/render.d.ts

@@ -1,8 +0,0 @@
-export declare function lineBarDataAuto(option: any, params: {}, data: {}, appearance: {}): void;
-export declare function barPileStaticDataAuto(option: any, data: {}, appearance: {}): void;
-export declare function topRankingListAuto(option: any, data: {}, appearance: {}): void;
-export declare function scatterDataAuto(option: any, data: {}): void;
-export declare function pieRingAssetTotalAuto(option: any, data: {}, total: number, count: number): void;
-export declare function pieRingProportionAuto(option: any, data: {}, proportion: number): void;
-export declare function pieRingNormalAuto(option: any, data: {}): void;
-export declare function gaugeNormalAuto(option: any, data: {}): void;

package/chart-diagram/src/utils/render.js

@@ -1,219 +0,0 @@
-import {echartsColorData} from "../../../static";
-
-/**
- * 折线和柱状图实时数据
- * @param option 图表配置数据
- * @param params 绑定的图表参数
- * @param data 实时图表数据
- * @param appearance 配置参数
- */
-export function lineBarDataAuto(option, params, data, appearance) {
-    const seriesNodes = option.series;
-    if(data && data.XData) option.xAxis[0].data = data.XData;
-    if(!(data && data.seriesData && data.seriesData.length)) return;
-    if(params.tabCorrelationType) {
-        // 如果操作类型是select下拉分组下的tab切换，执行下面的逻辑
-        const realSeriesNode = data.seriesData[params.tabVisitOrder || 0];
-        seriesNodes[0].data = realSeriesNode.data;
-        if(realSeriesNode.name) seriesNodes[0].name = realSeriesNode.name;
-        return;
-    }
-    const realSeriesData = data.seriesData;
-    // 双轴曲线间距配置
-    if(option.yAxis.length > 1 && appearance.yAxisValueAuto) {
-        if(!appearance.yAxisMaxIntervalue) appearance.yAxisMaxIntervalue = 1;
-        // 双轴曲线，且曲线值为自适应
-        const dataGroup = {
-            data1: realSeriesData[0] && realSeriesData[0].data || [],
-            data2: realSeriesData[1] && realSeriesData[1].data || []
-        };
-        const newData = [...dataGroup.data1, ...dataGroup.data2];
-        let min = Math.min(...newData);
-        let max = Math.max(...newData);
-        const power = Math.floor(Math.log10(min));
-        for (let i = 0; i < option.yAxis.length; i++) {
-            const currentData = dataGroup[`data${i + 1}`];
-            if(min < 0 && Math.max(...currentData) < max) max *= appearance.yAxisMaxIntervalue;
-            if(min > 0 && Math.max(...currentData) < max) min = Math.pow(10, power);
-            option.yAxis[i].min = Math.ceil(min);
-            option.yAxis[i].max = Math.ceil(max);
-        }
-    }
-    let legendChange = false;
-    let seriesData = [];
-    const legendData = [];
-    for (let i = 0; i < realSeriesData.length; i++){
-        const realSeriesNode = realSeriesData[i];
-        let currSeriesNode = {};
-        const seriesItem = seriesNodes[i];
-        if(seriesItem) {
-            currSeriesNode = seriesItem;
-        }else {
-            const newSeriesItem = JSON.parse(JSON.stringify(seriesNodes[0]));
-            newSeriesItem.itemStyle.normal.lineStyle.color = echartsColorData[i];
-            newSeriesItem.itemStyle.normal.color = echartsColorData[i];
-            currSeriesNode = newSeriesItem;
-        }
-        if(realSeriesNode.name) {
-            currSeriesNode.name = realSeriesNode.name;
-            legendData.push(realSeriesNode.name);
-            legendChange = true;
-        }
-        currSeriesNode.data = realSeriesNode.data;
-        seriesData.push(currSeriesNode);
-    }
-    if(option.legend && legendChange) option.legend.data = legendData; // 为角标数据赋值
-    option.series = seriesData;
-}
-
-export function barPileStaticDataAuto(option, data, appearance) {
-    if(data && data.XData) option.yAxis[0].data = data.XData;
-    if(!(data && data.seriesData && data.seriesData.length)) return;
-    const seriesData = data.seriesData[0].data;
-    option.series[0].data = seriesData;
-    const data2 = [];
-    for (let i = 0; i < seriesData.length; i++) {
-        const dr = appearance.total[i] ? appearance.total[i].value - Number(seriesData[i]) : data.seriesData[1].data[i];
-        data2.push(dr);
-    }
-    option.series[1].data = data2;
-}
-
-/**
- * TOP排行-电量仪实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- * @param appearance 自定义配置数据
- */
-export function topRankingListAuto(option, data, appearance) {
-    if(data && data.XData) option.yAxis[0].data = data.XData;
-    if(!(data && data.seriesData && data.seriesData.length)) return;
-    if(appearance.type === 'TOPRanking') {
-        if(appearance.total && appearance.total.length) return;
-        option.series[0].data = data.seriesData[0].data;
-    }else {
-        const seriesData = data.seriesData[0].data;
-        option.yAxis[1].data = seriesData;
-        for (let i = 0; i < option.series.length; i++) {
-            const node = option.series[i];
-            node.symbolBoundingData = data.total;
-            node.data = seriesData;
-        }
-    }
-}
-/**
- * 散点图-分数实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- */
-export function scatterDataAuto(option, data) {
-    if(data && data.XData) option.xAxis[0].data = data.XData;
-    if(!(data && data.seriesData && data.seriesData.length)) return;
-    const { scatterData, legend, yData } = convertScatter3DTo2D(data);
-    option.legend.data = [...legend];
-    option.yAxis[0].data = [...yData];
-    for (let i = 0; i < option.series.length; i++) {
-        const seriesNode = option.series[i];
-        const name = option.legend.data[i];
-        seriesNode.name = name;
-        seriesNode.data = scatterData[name];
-    }
-}
-
-function convertScatter3DTo2D(arr3d) {
-    const { XData, seriesData } = arr3d;
-    const scatterData = {};
-    const legend = [];
-    const yData = new Set();
-    // 第一层遍历
-    for (let d = 0, depth = seriesData.length; d < depth; d++) {
-        const areaData = seriesData[d];
-        const areaName = areaData.name;
-        if(!scatterData[areaName]) scatterData[areaName] = [];
-        legend.push(areaData.name);
-        // 第二层遍历
-        const statusData = areaData.data;
-        for (let h = 0, height = statusData.length; h < height; h++) {
-            const issues = statusData[h];
-            const statusName = XData[h];
-            // 第三层遍历
-            for (let w = 0, width = issues.length; w < width; w++) {
-                const { name, value } = issues[w];
-                yData.add(name);
-                if(value) scatterData[areaName].push([statusName, name, Number(value)]);
-            }
-        }
-    }
-    return {
-        scatterData,
-        legend,
-        yData
-    };
-}
-
-/**
- * 环形设备告警数量实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- * @param total 总数
- * @param count 告警数
- */
-export function pieRingAssetTotalAuto(option, data, total, count) {
-    if(data && data.length > 1) {
-        total = parseInt(data[0].value);
-        count = parseInt(data[1].value);
-    }
-    option.title.text = '{v|'+count+'}{unit|/'+total+'台}';
-    const value1 = ((100 / total) * count).toFixed(6);
-    option.series[0].data[0].value = value1;
-    option.series[0].data[1].value = 100 - value1;
-}
-
-/**
- * 
- * @param option 图表配置数据
- * @param data 实时图表数据
- * @param proportion 默认百分数
- */
-export function pieRingProportionAuto(option, data, proportion) {
-    if(data && data.length) {
-        proportion = Number(data[0].value);
-    }
-    if(!option.series[0].data[0].label.normal.formatter) option.series[0].data[0].label.normal.formatter = function(params){
-        return params.value ? `{v|${params.value}}{unit|%}` : `{v|${params.value}}`;
-    }
-    option.series[0].data[0].value = proportion;
-    option.series[0].data[1].value = 100 - proportion;
-}
-
-/**
- * 饼图环形图默认展示 实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- */
-export function pieRingNormalAuto(option, data) {
-    if(!(data && data.length)) return;
-    const colors = option.color || echartsColorData;
-    const seriesData = [];
-    data.map((chd, index) => {
-        seriesData.push({
-            itemStyle: { color: colors[index] },
-            name: chd.name,
-            value: chd.value
-        })
-    })
-    option.series[0].data = seriesData;
-}
-
-/**
- * 仪表盘默认展示 实时数据
- * @param option 图表配置数据
- * @param data 实时图表数据
- */
-export function gaugeNormalAuto(option, data) {
-    if(!data) return;
-    // 仪表盘分两种，分别有不同的取值方式，下面两行先注释掉
-    // node.appearance.title.text = data.name;
-    // option.title.text = data.name;
-    option.series[0].data[0].value = data.value;
-}

package/chart-diagram/src/utils/surfaceParametricConversion.d.ts

@@ -1,3 +0,0 @@
-export declare function getPie3D(internalDiameterRatio: Number, type: String, appearance: {}, labelLineData: any, realData: any): {};
-export declare function getParametricEquation(startRatio: Number, endRatio: Number, isSelected: Boolean, isHovered: Boolean, k: any, h: Number): {};
-export declare function set3DPieMouseHover(myChart: object, type: String, option: {}, valueData: any): void;