echarts随机50选20个不重复的生成图表

最新推荐文章于 2024-11-26 10:37:49 发布

丶帆

最新推荐文章于 2024-11-26 10:37:49 发布

阅读量569

点赞数

文章标签： javascript jquery echarts html

本文链接：https://blog.youkuaiyun.com/yf19990720/article/details/107961530

版权

本文介绍了如何使用ECharts库创建一个每次显示20个不同且值随机的图表。ECharts是一个JavaScript可视化库，适用于各种浏览器和设备，支持多种图表类型，并遵循Apache-2.0协议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts

ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。

ECharts 遵循 Apache-2.0 开源协议，免费商用。

ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。

效果图

每次随机选中20个不同的，并且值也随机
在这里插入图片描述

代码分析

先设置一个容器

<style>
        div {
   
            width: 1000px;
            height: 800px;
        }
    </style>
    <div class="div"></div>

定义echarts

var mycharts = echarts.init($('.div').get(0));

随机姓名，和值，并生成图表

 var arr = [];
        for (var i = 0; i < 20; i++) {
   
            var arrNum = parseInt(Math.random() * 50);
            var flag = true;
            for (var j = 0; j <= arr.length; j++) {
   
                if (arrNum == arr[j]) {
   
                    flag = false;
                    break;
                }
            }
            if (flag) {
   
                arr.push(arrNum);
            } else {
   
                i--;
            }
        }
        // -----------------------------------------
        var arr2 = [];
        for (var i = 0; i < 20; i++) {
   
            var arrNum = parseInt(Math.random() * 90 + 10);
            var flag = true;
            for (var j =

最低0.47元/天解锁文章