react echarts 柱状图根据生成随机数每四秒钟切换数据

最新推荐文章于 2023-07-12 17:13:21 发布

新宇最优秀

最新推荐文章于 2023-07-12 17:13:21 发布

阅读量833

点赞数

分类专栏： echarts 文章标签：前端

本文链接：https://blog.csdn.net/tendernessxy/article/details/111631306

版权

实现效果：
在这里插入图片描述

// 不同交通方式历年通行里程
import React, {
    Component } from 'react'
const sourceData = [
    ['product', '铁路', '公路', '水路', '航空'],
    ['2015', 153.3, 375.8, 263.7, 163.4],
    ['2016', 333.1, 263.4, 245.3, 136.4],
    ['2017', 166.4, 375.6, 433.2, 260.4],
    ['2018', 252.4, 163.7, 359.5, 247.7],
]
export default class NavigationMileage extends Component {
   
    // 生成随机数
    static getData(min, max) {
   
        let tempArr = [];
        tempArr = sourceData.map((item, index) => {
   
            let someObj = [...item]
            if (index > 0) {
   
                let a = someObj.map((ite, ind) => {
   
                    ind && (ite = parseInt(Math.random() * (max - min + 1) + min))
                    return ite
                })
                someObj = a
            }
            return someObj
        })
        return tempArr;
    }
    constructor(props) {
   
        super(props);
        this