ECharts测量图,功率图

Posted 2020-11-10 ——夜虾

/**
 * 测量图，功率图1
 */
mainpage.prototype.initEcharsGLT1= function(){ //
	if(myChartGLT1 = null && myChartGLT1 != "" && myChartGLT1 != undefined) {
		myChartGLT1.dispose(); //每次加载之前清除之前的echarts
	}
	var myChartGLT1 = echarts.init(document.getElementById(‘GLTONE‘));
	optionGLT1 = {
		     title:{
		        show: true,
		        text: ‘1#号机组‘,
		        x:‘center‘,
		        y:‘bottom‘,
		        textStyle:{//标题内容的样式
		            fontFamily:"san-serif",//主题文字字体，默认微软雅黑
		            fontSize:14//主题文字字体大小，默认为18px
		        },
		    },
		    tooltip : {
		        formatter: "{b}{a} : {c} vw"
		    },
		    series: [{
		            name: ‘功率‘,
		            type: ‘gauge‘,
		            detail: {formatter:‘{value} vw‘,fontSize:12,},
		            data: [{value: 900,name:‘负荷‘}],
		            title: {
                        textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                            fontWeight: ‘bolder‘,
                            fontSize: 10,
                            color: ‘#3196DC‘,
                            shadowColor: ‘#fff‘, //默认透明
                            shadowBlur: 10
                        }
                    },
		            axisLine:{
		            	lineStyle: {  
		                    width: 8, // 这个是修改宽度的属性  
		                }
		            },
		            axisLabel: { // 坐标轴小标记
		                show:false
		            },
		            splitLine: { // 大分隔线
		            	show:false
		            },
		            pointer: { // 小分隔线
		            	//show:false
                    },
		        }]
		};


        // 使用刚指定的配置项和数据显示图表。
	  myChartGLT1.setOption(optionGLT1);
	
	  setInterval(function () {//两秒刷新一次
		  optionGLT1.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
	      myChartGLT1.setOption(optionGLT1, true);
	 },2000);
	
}