2 weixin 39053691 weixin_39053691 于 2017.09.08 17:40 提问

echarts 仪表盘 中 数值会因电脑屏幕分辨率不同被遮挡,求解决 5C

![图片说明](http://img.ask.csdn.net/upload/201709/08/1504863517_853418.png)图片说明

this.doEchartYb=function(value){

         option = {
             title: {
                 text: "余额价值比:",
                 x: 'left',
                 textStyle: {
                     fontSize: 14
                 }
             },
             tooltip: {
                 //formatter: "{a} <br/>{b} : {c}%"
                 formatter: "{a} : {c}"
             },
             toolbox: {
                 show: false,
                 feature: {
                     mark: {show: true},
                     restore: {show: true},
                     saveAsImage: {show: true}
                 }
             },
             series: [
                 {
                     name: '余额价值比',
                     type: 'gauge',
                     center: ['50%', '50%'],    // 默认全局居中
                     radius: [0, '70%'],
                     startAngle: 140,
                     endAngle: -140,
                     min: 0,                     // 最小值
                     max: 1,                   // 最大值
                     precision: 0,               // 小数精度,默认为0,无小数点
                     splitNumber: 10,             // 分割段数,默认为5
                     axisLine: {            // 坐标轴线
                         show: true,        // 默认显示,属性show控制显示与否
                         lineStyle: {       // 属性lineStyle控制线条样式
                             color: [[0.4, 'skyblue'], [0.8, 'orange'], [1, '#ff4500']],
                             width: 30
                         }
                     },
                     axisTick: {            // 坐标轴小标记
                         show: true,        // 属性show控制显示与否,默认不显示
                         splitNumber: 2,    // 每份split细分多少段
                         length: 8,         // 属性length控制线长
                         lineStyle: {       // 属性lineStyle控制线条样式
                             color: '#eee',
                             width: 1,
                             type: 'solid'
                         }
                     },
                     axisLabel: {           // 坐标轴文本标签,详见axis.axisLabel
                         show: true,
                         formatter: function (v) {
                             switch (v + '') {
                                 //case '10': return '弱';
                                 // case '0.2': return '弱';
                                 case '0.2':
                                     return '低';
                                 case '0.6':
                                     return '中';
                                 case '0.9':
                                     return '高';
                                 default:
                                     return '';
                             }
                         },
                         textStyle: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                             color: '#333'
                         }
                     },
                     splitLine: {           // 分隔线
                         show: true,        // 默认显示,属性show控制显示与否
                         length: 30,         // 属性length控制线长
                         lineStyle: {       // 属性lineStyle(详见lineStyle)控制线条样式
                             color: '#eee',
                             width: 2,
                             type: 'solid'
                         }
                     },
                     pointer: {
                         length: '80%',
                         width: 8,
                         color: 'auto'
                     },
                     title: {
                         show: true,
                         offsetCenter: ['-65%', 10],       // x, y,单位px
                         textStyle: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                             color: '#333',
                             fontSize: 15
                         }
                     },
                     detail: {
                         show: true,      /////
                         backgroundColor: 'rgba(0,0,0,0)',
                         borderWidth: 0,
                         borderColor: '#ccc',
                         width: 100,
                         height: -218,
                         offsetCenter: [0, '10%'],       // x, y,单位px
                         formatter: '{value}',
                         textStyle: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                             color: 'auto',
                             fontSize: 20
                         }
                     },
                     data: [{value: 0.2, name: ''}]   //默认样式name:余额价值比
                 }
             ]
            };

            option.series[0].data[0].value= value;
            var SaleChart = echarts.init(dojo.byId("sdt"));//emap result
            SaleChart.setOption(option);
     };

2个回答

qq_35436516
qq_35436516   2017.09.08 17:48

是detail被挡住了么?

weixin_39053691
weixin_39053691   2017.09.09 09:10

是detail的数据被挡住了

Csdn user default icon
上传中...
上传图片
插入图片