JS 变换数据

耶耶耶耶耶  金牌会员 | 2022-8-9 14:44:09 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 858|帖子 858|积分 2574

  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <title>JS 变换数据</title>
  5. </head>
  6. <body>
  7.        
  9.        
  10. </body>
  11. </html>
复制代码
 
  1. let xData = [];
  2. let yData = [];
  3. for (let i = 0; i < 10; i++) {
  4.   xData.push(i);
  5.   yData.push(i);
  6. }
  7. function generateData() {
  8.   let data = [];
  9.   for (let i = 0; i < 100; i++) {
  10.     data.push([${x}[i],${y}[i],${T}[i]]);
  11.   }
  12.   return data;
  13. }
  14. let data = generateData();
  15. option = {
  16.   tooltip: {},
  17.   xAxis: {
  18.     type: 'category',
  19.     data: xData
  20.   },
  21.   yAxis: {
  22.     type: 'category',
  23.     data: yData
  24.   },
  25.   visualMap: {
  26.     type: 'piecewise',
  27.     splitNumber: 8,
  28.     min: 0,
  29.     max: 100,
  30.     calculable: true,
  31.     realtime: false,
  32.     orient: 'horizontal',
  33.     left:'center',
  34.     inRange: {
  35.       color: [
  36.         '#313395',
  37.         '#4575b4',
  38.         '#74add1',
  39.         '#abd9e9',
  40.         '#e0f3f8',
  41.         '#ffffbf',
  42.         '#fee090',
  43.         '#fdae61',
  44.         '#f46d43',
  45.         '#d73027',
  46.         '#a50026'
  47.       ]
  48.     }
  49.   },
  50.   series: [
  51.     {
  52.       name: 'Gaussian',
  53.       type: 'heatmap',
  54.       data: data,
  55.       emphasis: {
  56.         itemStyle: {
  57.           borderColor: '#333',
  58.           borderWidth: 1
  59.         }
  60.       },
  61.       progressive: 5000,
  62.       animation: true
  63.     }
  64.   ]
  65. };
复制代码
 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

耶耶耶耶耶

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表