给定一个值，让值域（颜色）与数组比较取区间颜色。

最新推荐文章于 2022-05-22 13:45:25 发布

康康不是只喵

最新推荐文章于 2022-05-22 13:45:25 发布

阅读量274

点赞数

分类专栏： vue javascript

本文链接：https://blog.csdn.net/cherry_zhang18/article/details/106572965

版权

javascript 同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

vue

12 篇文章 0 订阅

订阅专栏

                var me = this;
                var colors = [];
                var list = [];
                var color = "";
                var domainColors = options.config.tipConfig.domainNames;
                colors = domainColors.map(function (item) {
                    return item.domainColor
                });
                // 值域只为字符串类型
                if (Object.prototype.toString.call(options.threshold) == "[object String]") {
                    if (!options.threshold) {
                        color = colors[0];
                    } else {
                        list = options.threshold.split(',');
                        //去掉首尾为逗号的情况
                        if (list[list.length-1] == "") {
                            list.pop();
                        }
                        if (list[0] == "") {
                            list.shift();
                        }
                        // 值域的每项只能为数字
                        list.forEach(function(item) {
                            if (item == "" || isNaN(item)) {
                                window.$Modal.error({
                                    title: NL["ITMS_COMMON_TIPS_ERROR"],
                                    content: NL["ITMS_COMMON_TIPS_DVM_DOMAINITEMTYPE"]
                                });
                            } else {
                                // 去重排序
                            	list = me.uniqueSort(list);
                                color = me.getColor(colors,list,options.value);
                            }
                        });
                    }
                    $obj.css({'color': color});
                } else {
                    window.$Modal.error({
                        title: NL["ITMS_COMMON_TIPS_ERROR"],
                        content: NL["ITMS_COMMON_TIPS_DVM_DOMAINTYPE"]
                    });
                } 


 /**
         * 选择值域颜色
         * @params   {Array}           colors       值域颜色
         * @params   {Array}           list         参照数据值
         * @params   {num}             num          数值
         */
        getColor:  function(colors, list, num) {
            // 初始设置颜色的序号为0
            var aIndex = 0;
            // list遍历的最大长度
            var maxLength = list.length + 1 <= colors.length ? list.length : colors.length - 1;
            list.forEach(function (item, index) {
                // 在最大长度内进行aIndex的比较赋值
                if (index +　1 <= maxLength) {
                    // 如果数字大于等于当前序号，则本次循环aIndex为index+1,否则为上次的赋值
                    aIndex = item <= Number(num) ? index + 1: aIndex;
                }
            })
            var color = colors[aIndex];
            return color;
        },
        /**
         * 去重排序
         * @params   {Array}           arr       数组
         */
        uniqueSort: function(arr1) {
            var array = [];
            for (var i =  0; i < arr1.length; i ++) {
                if (array.indexOf(arr1[i]) === -1) {
                    array.push(arr1[i]);
                }
            }
            array.sort(function (a, b) {
                return a - b;
            });
            return array;
        },