最简洁的矩阵图 方块图表 无点击事件 下转事件

news/2024/7/11 1:37:42 标签: echarts, javascript, jquery

复制下面代码直接在官网打开

echarts 官网地址

javascript"> option = {
        grid: {
          show: true,
          left: '0%',
          top: '0%',
          width: '100%',
          height: '100%',
          borderWidth: 1,
        },
        series: [
          {
            left: '0%',
            top: '0%',
            right: '0%',
            bottom: '0%',
            width: '100%',
            height: '100%',
            // squareRatio: 0.5,
            // leafDepth: 1,
            roam: false,
            breadcrumb: {
              show: false,
            },
            nodeClick: false,
            type: 'treemap',
            data: [
              {
                name: '',
                value: 4,
              },
              {
                name: '',
                value: 2,
              },
              {
                name: '',
                value: 5,
              },
              {
                name: '',
                value: 5,
              },
              {
                name: '',
                value: 10,
              },
              {
                name: '',
                value: 10,
              },
              {
                name: '',
                value: 20,
              },
              {
                name: '',
                value: 20,
              },
            ],
          },
        ],
      }

http://www.niftyadmin.cn/n/1367325.html

相关文章

URL的转码与解码,地址栏参数乱码

使用场景 地址栏获取一个参数,参数是中文的,当我接收这个参数的时候,中文参数乱码了,这时候我们需要用decodeURIComponent 函数解码;encodeURIComponent 和 decodeURIComponent 函数直接用就行。没有方法体&#xff1…

requestAnimationFrame 兼容谷歌 火狐

兼容谷歌 火狐 var requestAnimationFrame (function () {return window.requestAnimationFrame ||window.webkitRequestAnimationFrame ||/* Safari 和 Chrome */window.mozRequestAnimationFrame ||/* Firefox */window.oRequestAnimationFrame ||/* Opera */window.ms…

前端处理运算 向上取整 向下取整 四舍五入 四舍五入(自定义取小数后几位)

向上取整 Math.ceil()向下取整 Math.floor()四舍五入 Math.round() 四舍五入(自定义取小数后几位) // 计算结果是字符串 (5.6666666).toFixed(4)

vue3 封装 naive input 组件

子组件 <script setup> import { useMessage, NDatePicker, NInputNumber, NTimePicker, NIcon, NPopover } from naive-ui import { WarningOutline, Add, Trash, Pencil } from "vicons/ionicons5"; import { ref, reactive, onMounted, watch, readonly, co…

vue 图片下载

downImg(item) {// item.FileUrl 是图片 字符串路径 &#xff1b;item.FileName 是图片名称 自定义的就行var image new Image()// 解决跨域 Canvas 污染问题image.setAttribute(crossOrigin, anonymous)image.onload function () {var canvas document.createElement(canva…

强制英文、中文换行与不换行 强制英文换行

只对英文起作用&#xff0c;以字母作为换行依据 word-break:break-all;只对英文起作用&#xff0c;以字母作为换行依据 word-wrap:break-word; 只对英文起作用&#xff0c;以单词作为换行依据只对中文起作用&#xff0c;强制换行 white-space:pre-wrap; 只对中文起作用&#xf…

vue 对象数组去重

function reduceArray(data) {let arr1 {}let arr2 data.reduce((item, next, index, data) > {arr1[next.name] ? : (arr1[next.name] true && item.push(next))return item}, [])return arr2 } var data[{name:王一&#xff0c;age:18,},{name:王一&#xff…

经纬度转换度分秒

网上好多经纬度转换的方法&#xff0c;可是遇到特殊的数字总是缺失一点精度&#xff0c;让人头疼&#xff0c;下面的方法修正了经纬度精度问题&#xff1b;如果还有其他数字缺失的欢迎来一起研究&#xff1b; //度分秒转换为度formatDu() {var mFen 0if (this.sValue ! null …