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杯大学生电子设计竞赛