/**
* 测量图,功率图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);
}
原文:https://www.cnblogs.com/jianghengchao/p/9126844.html