• echarts实现仪表盘(自己动起来,没有后端,顺便重温math.random


    let a = parseInt(Math.random() * (2 + 1), 10);
    let arr = [];
    arr.push(res[a]);

    let option = { tooltip: { formatter: "{a} <br/>{b} : {c}%" }, series: [ { name: "舆论占比", type: "gauge", // detail: { formatter: "{value}%" }, axisLine: { // 坐标轴线 lineStyle: { // 属性lineStyle控制线条样式 color: [[0.1, "#91c7ae"], [0.2, "#3366ff"], [1, "#00b5ff"]] } }, axisLabel:{ show:false }, // data: [{ value: 50, name: "完成率" }] data: arr, title: { color:'white' }, detail: { formatter: "{value}%", offsetCenter: [0, "90%"] // x, y,百分比下移 } } ] }; this.protimer = setInterval(() => { option.series[0].data[0] = res[parseInt(Math.random() * (2 + 1), 10)]; myChart.setOption(option, true); }, 2000);

    vue 要清除定时器哈,这儿没写,

            option.series[0].data[0] = res[parseInt(Math.random() * (2 + 1), 10)];
    最重要的是这一句代码,
    因为这个数据是我写的,只有好评中评差评三个数据,所以要取0-2随机数,取到之后,data[取到的随机数] 就是其中一个(随机好评 差评 中评),就达到了他要的动起来的效果,

    这里又来复习一遍js基础了
    Math.random() 函数返回一个浮点,  伪随机数在范围[0,1),也就是说,从0(包括0)往上,但是不包括1(排除1)
    Math.random()--->0.2910379900668536(随机),既然他不能生成1 那我们就假象最大能生成1 ,则
    Math.random()*5表示最大值是5(这是假象的,最大不可能是5 ,只能说无限接近5),so,生成0-2之间(包括2就简单了啊)
    Math.random()*3--->最大才3(不包括)最小0 满足要求,注意这里生成的浮点数,要转整数,so
    parseInt(Math.random() * 3, 10)这里又有问题了啊,这个10又是什么鬼,说白了就是以10进制为基数,你不写默认为10,
    你也可以不用parseInt 用Math.floor 地板流一样的

    
    


     

  • 相关阅读:
    percona-toolkit
    美河在线
    http://planet.mysql.com/
    MySQL性能诊断与调优 转
    PDB CDB
    mysql安装三 linux源码安装mysql5.6.22
    Solaris10 下mysql5.5.12的安装
    c# 进程间通信
    C# 进程同步,通信
    有关DotNetBar设计样式和运行时的样式不一致的问题
  • 原文地址:https://www.cnblogs.com/myfirstboke/p/11081142.html
Copyright © 2020-2023  润新知