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 地板流一样的

 

 

转载于:https://www.cnblogs.com/myfirstboke/p/11081142.html