随机数-echarts图

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    for (let i = -1; i <= 1; i+=0.002) {
      // 按顺序生成1000个x数值
      // console.log('i*0.1')
      // console.log('i*0.1',i.toFixed(3))
      formulaHandler(i.toFixed(3))
    }
    // 生成随机数的处理函数
    function randomNumber(min, max) {
      // [-1,1]  之间的随机数-保留4位小数
      return ((Math.random() * (max - min) + min).toFixed(4))*1
      
    }
    // 生成公式处理函数
    function formulaHandler(x) {
      // 根据公式所得的 y 值,并且加上随机数
      // 噪声1数据
      // y = ((3.5*Math.
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Node-RED中,可以使用自定义节点和Echarts库来实现动态显示Echarts表。下面是一个示例: 1. 首先,确保已经安装了Node-RED和Echarts库。 2. 在Node-RED中创建一个新的流程。 3. 添加一个Inject节点,用于定时发送数据到Echarts节点。 4. 添加一个Function节点,用于生成随机数据。 5. 添加一个Echarts节点,用于显示动态表。 6. 连接这些节点,并配置它们的属性。 7. 在Inject节点中设置定时发送数据的间隔。 8. 在Function节点中编写代码生成随机数据,例如: ```javascript msg.payload = Math.random() * 100; // 生成0到100之间的随机数 return msg; ``` 9. 在Echarts节点中配置表的类型和数据源。 10. 运行流程,即可看到动态显示的Echarts表。 下面是一个示例流程的代码: ```json [{"id":"d8e8e3a7.3e3f48","type":"inject","z":"f3e8e3a7.3e3f48","name":"","topic":"","payload":"","payloadType":"date","repeat":"1","crontab":"","once":false,"onceDelay":0.1,"x":150,"y":160,"wires":[["b8e8e3a7.3e3f48"]]},{"id":"b8e8e3a7.3e3f48","type":"function","z":"f3e8e3a7.3e3f48","name":"","func":"msg.payload = Math.random() * 100;\nreturn msg;","outputs":1,"noerr":0,"x":330,"y":160,"wires":[["c8e8e3a7.3e3f48"]]},{"id":"c8e8e3a7.3e3f48","type":"ui_chart","z":"f3e8e3a7.3e3f48","name":"","group":"d8e8e3a7.3e3f48","order":0,"width":0,"height":0,"label":"chart","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"3600","cutout":0,"useOneColor":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"useOldStyle":false,"x":510,"y":160,"wires":[[]]},{"id":"d8e8e3a7.3e3f48","type":"ui_group","z":"","name":"Default","tab":"d8e8e3a7.3e3f48","order":1,"disp":true,"width":"6","collapse":false},{"id":"d8e8e3a7.3e3f48","type":"ui_tab","z":"","name":"Home","icon":"dashboard","order":1}] ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值