ToB企服应用市场:ToB评测及商务社交产业平台

标题: JS 变换数据 [打印本页]
作者: 耶耶耶耶耶    时间: 2022-8-9 14:44
标题: JS 变换数据
  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. };
复制代码
 

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



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4