ECharts测量图,功率图

Posted ——夜虾

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ECharts测量图,功率图相关的知识,希望对你有一定的参考价值。

/**
 * 测量图,功率图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测量图,功率图的主要内容,如果未能解决你的问题,请参考以下文章

echarts 关系图的力引导图,怎么调节距离,设置成圆形分布?

H题:简易功率测量装置(高职高专)-- 2018年TI杯大学生电子设计竞赛

H题:简易功率测量装置(高职高专)-- 2018年TI杯大学生电子设计竞赛

新手求助echarts关系图

echarts怎么控制圆饼图的大小

echarts 3D柱状图配置项