赞
踩
web前端显示设备实时温度,
具体步骤如下:
1.在页面中引入ECharts文件echarts-all.js
2.在body中为ECharts准备一个具备大小(宽高)的Dom
3.具体JS代码如下:
// 基于准备好的dom,初始化echarts图表
var myChart = echarts.init(document.getElementById('main'));
//折线图数据
var option = {
title : {
text: '设备1温度显示',
subtext: ''
},
tooltip : {
trigger: 'axis'
},
legend: {
//data:['最高温度','最低温度']
data:['温度']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {sh