初识DevExtreme，BarGauge的scale用文字过长时，图块变小

解决方法：

         一、文字加换行符会缓解

        scale: {
                startValue: 0,
                endValue: endValue,
                customTicks: customTicks,
                label: {
                    customizeText: function (param) {
                        return param.value === lspValue ? (storeDash.lastParam.lspName == 'Last Year Same Period' ? 'Last Year<br/>Same Period' : storeDash.lastParam.lspName) : (storeDash.lastParam.lpName || '');
                    },
                    overlappingBehavior: 'none'
                    , font: {
                        color: 'black',
                        weight: 'bolder'
                    }
                },
                tick: { length: 40 }
            },

二、js设置view box或者放大

 //获取id为guageDiv的元素
            var city = document.getElementById('guageDiv');
            //查找#guageDiv下所有svg节点
            var obj = city.getElementsByTagName('svg');
            for (var i = 0; i < obj.length; i++) {
                //if (obj[i].className.animVal == 'dxg-range-container')
                //{
                //    obj[i].setAttribute('width', 500);

                //}
                //obj[i].setAttribute('width', 600);
                //obj[i].setAttribute('height', 300);
                //obj[i].setAttribute('preserveAspectRatio', 'none meet');
                //obj[i].setAttribute('viewBox', '50 50 380 200');
                //if (storeDash.lastParam.lspName == 'Last Year<br/>Same Period') {
                //    obj[i].setAttribute('transform', 'scale(1.2 1.2)');
                //    obj[i].setAttribute('height', 230);
                //}
                //else {
                //    obj[i].setAttribute('transform', 'scale(1 1)');
                //    obj[i].setAttribute('height', 200);
                //    }

            }

最后

以上就是开朗帽子最近收集整理的关于初识DevExtreme，BarGauge的scale用文字过长时，图块变小的全部内容，更多相关初识DevExtreme，BarGauge内容请搜索靠谱客的其他文章。