当前位置:   article > 正文

echarts 时间曲线图_web前端显示设备实时温度,ECharts实现温度折线图,实时动态温度曲线图生成...

js曲线图随时间展示

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/208731
推荐阅读