码迷,mamicode.com
首页 > 其他好文 > 详细

ECharts测量图,功率图

时间:2018-06-02 21:34:27      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:idt   主题   lse   format   fixed   point   null   main   get   

/**
 * 测量图,功率图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);
	
}

  

ECharts测量图,功率图

标签:idt   主题   lse   format   fixed   point   null   main   get   

原文地址:https://www.cnblogs.com/jianghengchao/p/9126844.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!