生成二维数组

最新推荐文章于 2024-06-12 14:31:07 发布
最新推荐文章于 2024-06-12 14:31:07 发布
阅读量174 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42050791/article/details/103012058
版权 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://echarts.baidu.com/dist/echarts.min.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">

 var myChart = echarts.init(document.getElementById('main'));

  var hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a',
        '7a', '8a', '9a','10a','11a',
        '12p', '1p', '2p', '3p', '4p', '5p',
        '6p', '7p', '8p', '9p', '10p', '11p'];
var days = ['Saturday', 'Friday', 'Thursday',
        'Wednesday', 'Tuesday', 'Monday', 'Sunday'];
const c=[]
for(let m=0;m<60;m++){
    k=[12,34,5,10,10,1,3,4,5,6,12,34,5,10,10,1,3,4,5,6,12,34,5,10,10,1,3,4,5,6,12,34,5,10,10,1,3,4,5,6,12,34,5,10,10,1,3,4,5,6,12,34,5,10,10,1,3,4,5,6,]
    c[m]=[Math.floor(m/10),m%10,k[m]]
}

var data = 

data = data.map(function (item) {
    return [item[1], item[0], item[2] || '-'];
});

var option = {
    tooltip: {
        position: 'top'
    },
    animation: false,
    grid: {
        height: '50%',
        y: '10%'
    },
    xAxis: {
        type: 'category',
        data: hours,
        splitArea: {
            show: true
        }
    },
     yAxis: {
        name:'Altitude/Km',
        nameLocation: 'middle', 
        nameGap: 40,
        type: 'category',
        data: days,
        splitArea: {
            show: true
        },
        axisTick:{       //y轴刻度线
          "show":false
        },
    },
    visualMap: {
        min: 0,
        max: 10,
        calculable: true,
        orient: 'horizontal',
        left: 'center',
        bottom: '15%'
    },
    series: [{
        name: 'Punch Card',
        type: 'heatmap',
        data: data,
        label: {
            normal: {
                show: true
            }
        },
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};
myChart.setOption(option);
    </script>
</body>
</html>
weixin_42050791
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript快速生成一个二维数组
fish_chuncick的博客
06-19 2585
Javascript快速生成一个二维数组 利用数组的map方法快速生成二维数组。 关于Map方法可以参考：Map方法的MDN详细介绍 1.生成2*5的空数组 let dp=new Array(2).fill(0).map(()=>{//这里不能将fill(0)删除 return Array(5) }); console.log(dp); 输出如下： 在这个方法中，不能将.fill(0)删除，因为map方法给每个元素都按顺序调用的callback 函数只会在有值的索引上被调用；那些从来没
大数据分析 - 用一条语句搞定下面二维数组的生成
weixin_42281203的博客
05-25 752
实验题目： 用一条语句搞定下面二维数组的生成 [[ 0 1 2 3 4 5] [10 11 12 13 14 15] [20 21 22 23 24 25] [30 31 32 33 34 35] [40 41 42 43 44 45] [50 51 52 53 54 55]] 实验代码： >>> a= [[x+y*10 for x in range(6)] for y in range(6)] >>>
js 快速生成数组
忘川
08-13 1853
let f = length => Array.from({length}).map((v,k) => k); console.log( f(4) ); console.log( f(10) );
【C语言】二维数组（详解）
最新发布
稻草人
06-12 2537
前面我们深入学习了一维数组的相关知识，现在我们开始二维数组的学习之旅吧！1. 二维数组的创建1.1 二维数组的概念前面学习的数组被称为一维数组，数组的元素都是内置类型的，如果我们把一维数组作为数组的元素，这就是二维数组，二维数组作为数组元素的数组被称为三维数组，把二维数组以上的数组统称为多维数组。1.2 二维数组的创建定义二维数组的语法如下：1 type arr_name [常量值1] [常量值2];23 例如：
数组数据生成器
weixin_30516243的博客
06-24 422
package com.bsc.algorithm.data.generator; import java.lang.reflect.Array; import java.util.Random; /** * 数组生成器 * @author bsc * */ public class ArrayGenerator { /** * 随机生...
生成二维数组的一个小应用
记录点滴
09-28 172
最近在写美团demo的时候，发现生成一个二维数组对实现某些需求十分便利！比如美团app首页的图标分类： 上边这个分类可以左右滑动，像轮播图一样；一页只能展示8个图标，超出8个展示在下一页；如果让你做，你会怎么做呢？？？ 切入正题： 其实，类似于上边这种需求使用二维数组非常好解决，我们可以把第一页看做是一个数组，数组里边有8个图标；如果图标数量超出8个，多余的放在第二个...
JavaScript动态创建二维数组的方法示例
10-17
在JavaScript中，动态创建二维数组是一项常见的操作，尤其是在处理表格数据或者进行矩阵计算时。由于JavaScript不支持真正的多维数组，我们通常通过数组的数组来模拟实现。下面将详细介绍如何在JavaScript中动态创建...
对python产生随机的二维数组实例详解
09-19
### Python生成随机二维数组详解 在Python编程中，创建随机二维数组是常见需求之一，尤其在数据处理、科学计算及机器学习等领域应用广泛。本文旨在详细介绍如何利用Python生成随机的二维数组，并对`random`模块中的...
基于labview的for循环生成二维数组并生成波形图表
07-21
基于labview的for循环生成二维数组并生成波形图表
可以动态生成二维数组的 DLL
04-02
在IT行业中，动态生成二维数组是一项常见的编程任务，特别是在处理数据结构、算法或者内存管理时。本篇将详细探讨如何创建一个动态生成二维数组的DLL（动态链接库），以及其在实际应用中的重要性。 首先，DLL是...
C#实现对二维数组排序的方法
09-03
在C#编程中，二维数组是一种常见的数据结构，用于存储多列或多行的数据。当处理这类数据时，可能需要对数组中的元素进行排序，以便于分析或展示。本篇文章将详细探讨如何在C#中实现对二维数组的排序，特别关注如何...
动态生成二维数组的做法
07-06
动态生成二维数组的做法，注意其中指针的用法，简单易明
最小生成树（二维数组实现）
07-28
用二维数组实现的最小生成树（比用图实现简单），数据结构课设做的ACM习题中的使总代价最小的通讯网。编译过的c++文件！
JavaScript模拟生成二维数组及多维数组
jackingzheng的专栏
03-16 4309
JavaScript模拟生成二维数组及多维数组本文根据项目需求整理而来Js数组简介通过下面语句能过生成一个数组var A=new Array();//创建一个数组但是要生成A[10][10]这样的数组,要如何实现呢？ 很明显js只能实现一维数组，实现二维数组可以通过以下代码模拟var A=new Array(10); for(var i=0;i<10;i++){ A[i]=new Arra
动态生成二维数组
tanglanting12的专栏
09-24 1100
#include #include #include #define MSGSIZE 16 int main(){ int **arg; int i,j; arg=(int**)malloc(MSGSIZE*sizeof(int*)); for(i=0;i    *(arg+i)=(int*)malloc(MSGSIZE*sizeof(int));    for(j=0;j
Java数组生成器
ZZHHZZGG的博客
06-20 227
一个很简单的数组生成器
Numpy学习笔记二——初始化数组的10种方法
热门推荐
Little Garden
08-12 3万+
import numpy as np #创建一个长度为10的数组，数组的值都是0 np.zeros(10,dtype=int) #创建一个3x5的浮点型数组，数组的值都是1 np.ones((3,5),dtype=float) #创建一个3x5的浮点型数组，数组的值都是3.14 np.full((3,5),3.14) #创建一个3x5的浮点型数组，数组的值是一个线性序列 #从o开始，到20结束，步...
Python | 二维数组创建
黄佳俊的博客
09-17 5357
目录 创建二维数组的方法： 直接创建： 列表生成法： numpy创建： 可能遇到的问题： 问题描述： 输出为： 原因： 生成方法更改为： 结果： 可以查看列表的id： 结果为： 创建二维数组的方法： 直接创建： test = [[0, 0, 0], [0, 0, 0], [0, 0, 0]] 列表生成法： test = [[] for i in range(m)] numpy创建： import numpy as np test = np.zeros((m,
pycharm生成二维数组
03-29
在PyCharm中生成二维数组可以通过以下步骤实现： 1. 打开PyCharm并创建一个新的Python文件。 2. 在文件中导入numpy库，可以使用以下代码：`import numpy as np` 3. 使用numpy库的函数来生成二维数组。可以使用以下代码生成一个3x3的二维数组： ``` arr = np.array([[1, 2, 3], [4, 5, 6], [7, 8, 9]]) ``` 这将创建一个名为`arr`的二维数组，其中包含了1到9的数字。 4. 可以使用`print`函数来打印生成的二维数组，例如：`print(arr)` 这样就可以在PyCharm中生成一个二维数组了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值