可视化图表API格式要求有哪些？Sugar BI详细代码示例（4）

news2024/10/6 18:20:05

Sugar BI中的每个图表可以对应一个数据 API，用户浏览报表时，选定一定的过滤条件，点击「查询」按钮将会通过 API 拉取相应的数据；前面说过，为了确保用户数据的安全性，Sugar BI上的所有数据请求都在Sugar BI的后端通过 curl 的方式访问产品线的 API，都是使用的POST请求。

POST 的数据是过滤条件、下钻、联动参数等，并且在请求的 Header 中会附加Sugar-Token.

Sugar BI支持多种类型的展示图表，每种类型的图表所需要的后端 API 返回的数据格式都有所区别，之前已经发布了

可视化图表API格式要求有哪些？Sugar BI详细代码示例（1）

可视化图表API格式要求有哪些？Sugar BI详细代码示例（2）

可视化图表API格式要求有哪些？Sugar BI详细代码示例（3）

今天，为大家带来其他图表所对应的数据 API 格式：

3D 区域色彩地图

API 示例：/openapi/demo/chart?type=map3DArea

response


{
  "status": 0,
  "msg": "",
  "data": {
    // mapData字段是一个数组，每项代表一个区域
    "mapData": [
      {
        // 区域名称。必传，字符串。
        "name": "北京",
        // 颜色映射字段
        "value": 7470,
        // 区域高度映射(选填)
        "areaHeight": 234,
        // tooltip中附加显示的数据，可选，数字或字符串。
        "tooltipValues": [
          44,
          8
        ],
        // 这个字段供超链接类型的下钻使用，在配置下钻时的「绑定超链接的数据字段」处填写url即可
        "url": "sugar.baidu.com"
      },
      {
        "name": "广东",
        "value": 8659,
        "areaHeight": 344,
        "tooltipValues": [
          62,
          8
        ],
        "url": "sugar.baidu.com"
      },
      {
        "name": "上海",
        "value": 8424,
        "areaHeight": 21,
        "tooltipValues": [
          44,
          9
        ],
        "url": "sugar.baidu.com"
      },
      ......
    ],
    // 颜色映射数据的名称，会显示在 tooltip 中
    "valueName": "人口",
    // 高度映射数据的名称，会显示在 tooltip 中
    "heightName": "GDP",
    // tooltip中附加显示数据的名称，与上面的tooltipValues中的值一一对应
    "tooltipNames": [
        "面积",
        "流动人口"
    ],
    // tooltip中附加显示数据的单位，与上面的tooltipValues中的值一一对应
    "tooltipUnits": [
        "平方公里",
        "人"
    ]
  }
}

3D 柱状地图

API 示例：/openapi/demo/chart?type=map3DBar

response：


{
  "status": 0,
  "msg": "",
  "data": {
    // mapData字段是一个数组，每项代表一个气泡或一个区域
    "mapData": [
      {
        // 柱子的名称。必传，字符串。
        // 当没有传递下面的 coord 字段时，系统会根据 name 的值自动匹配经纬度坐标
        // 注意，自动匹配经纬度坐标只支持全国省份和城市名称
        "name": "北京",
        // 地点的经纬度，可选，如果传递了则优先使用经纬度来定位气泡或区域
        "coord": [116.41989, 40.189913],
        // 颜色映射字段，选填
        "value": 7470,
        // tooltip中附加显示的数据，可选，数字或字符串。
        "tooltipValues": [
          44,
          8
        ],
        // 这个字段供超链接类型的下钻使用，在配置下钻时的「绑定超链接的数据字段」处填写url即可
        "url": "sugar.baidu.com"
      },
      {
        "name": "广东",
        "coord": [113.429877, 23.334664],
        "value": 8659,
        "tooltipValues": [
          62,
          8
        ],
        "url": "sugar.baidu.com"
      },
      {
        "name": "上海",
        "value": 8424,
        "tooltipValues": [
          44,
          9
        ],
        "url": "sugar.baidu.com"
      },
      ......
    ],
    // 颜色映射数据的名称，会显示在 tooltip 中
    "valueName": "人口",
    // tooltip中附加显示数据的名称，与上面的tooltipValues中的值一一对应
    "tooltipNames": [
        "面积",
        "流动人口"
    ],
    // tooltip中附加显示数据的单位，与上面的tooltipValues中的值一一对应
    "tooltipUnits": [
        "平方公里",
        "人"
    ]
  }
}

 

文本、跑马灯

API 示例：/openapi/demo/chart?type=simpleText

response：


{
  "status": 0,
  "msg": "",
  "data": "这里就是文本的展示内容"
}

 

富文本

API 示例：/openapi/demo/chart?type=text

response：


{
  "status": 0,
  "msg": ,
  "data": {
    "name": "百度",
    "dau": 999999999,
    "mau": 1000000000,
    "link": "https://www.badiu.com"
  }
}

 使用示例 API 绑定富文本的数据，可以展示如下效果：

 

 

图片轮播

API 示例：/openapi/demo/chart?type=slider

response：


{
    "status": 0,
    "msg": "",
    "data": [ // data 字段内容 是一个数组
      {
        // 每个图片的标题，如没有可不传
        "title": "大屏示例1",
        // 必传，图片的 url
        "url": "https://sugar-files.cdn.bcebos.com/images/templet-templet04.png",
        // 图片如果需要配置超链接，可传链接的 url ，如不需要可不传，注意图片超链接在编辑模式不生效，浏览模式生效
        "link": "https://sugar.baidubce.com/dashboard/aa75c47fe742c2a33c186a3d364eb6a7"
      },
      {
        "title": "大屏示例2",
        "url": "https://sugar-files.cdn.bcebos.com/images/templet-templet01-1.png",
        "link": "https://sugar.baidubce.com/dashboard/41510e632e1e1e4767b0a041030670ec"
      },
      ...
    ]
}

 

视频/直播

API 示例：/openapi/demo/chart?type=video

response：


{
    "status": 0,
    "msg": "",
    "data": {
      // 视频类型，可以设置为"auto"让系统自动识别视频类型
      // 指定类型时，对于普通视频，支持 mp4, flv, m3u8
      // 对于直播，支持 rtmp, flv, m3u8
      "videoType": "flv",
      // 完整视频地址
      "videoUrl": "http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hivruedyynkarv3d/mda-hivruedyynkarv3d.flv",
      // 视频封面图片地址
      "imageUrl": "https://login.bce.baidu.com/img/2020-02-10-2x.png"
    }
}

 

多层地图 - 区域色彩层

API 示例：/openapi/demo/chart?type=map

response：


{
  "status": 0,  // 0表示成功，非0表示失败
  "msg": "",    // 失败时的提示信息
  "data": {
    // mapData字段是一个数组，每项代表一个区域
    "mapData": [
      {
        // 区域的名称。必传，字符串
        // 在使用内置区域地图的时候，系统会使用这个名称来将数据对应到各个区域
        // 在使用自定义 geoJSON 绘制区域时，name要与 geoJSON 每个区域项中 properties 里的 name 对应
        "name": "北京",
        "value": 7470,
        // tooltip中附加显示的数据，可选，数字或字符串。
        "tooltipValues": [
          44,
          8
        ],
        // 这个字段供超链接类型的下钻使用，在配置下钻时的「绑定超链接的数据字段」处填写url即可
        "url": "sugar.baidu.com"
      },
      {
        "name": "广东",
        "value": 8659,
        "tooltipValues": [
          62,
          8
        ],
        "url": "sugar.baidu.com"
      },
      {
        "name": "上海",
        "value": 8424,
        "tooltipValues": [
          44,
          9
        ],
        "url": "sugar.baidu.com"
      },
      ......
    ],
    // 颜色映射数据的名称，会显示在 tooltip 中
    "valueName": "人口",
    // tooltip中附加显示数据的名称，与上面的tooltipValues中的值一一对应
    "tooltipNames": [
        "面积",
        "流动人口"
    ],
    // tooltip中附加显示数据的单位，与上面的tooltipValues中的值一一对应
    "tooltipUnits": [
        "平方公里",
        "人"
    ]
  }
}

多层地图 - 散点层

API 示例：/openapi/demo/chart?type=bmapScatter

response：


{
  "status": 0,  // 0表示成功，非0表示失败
  "msg": "",    // 失败时的提示信息
  "data": {
    // mapData字段是一个数组，每项代表一个散点或一个热力区域
    "mapData": [
      {
        // 散点名称。必传，字符串。
        // 当没有传递下面的 coord 字段时，系统会根据 name 的值自动匹配经纬度坐标
        // 注意，自动匹配经纬度坐标只支持全国省份和城市名称
        "name": "北京",
        // 地点的经纬度，可选，如果传递了则优先使用经纬度来定位散点或热力区域
        "coord": [116.41989, 40.189913],
        // 散点的值，可选，数字类型，会映射为散点的渐变颜色
        "value": 7470,
        // 映射为散点大小的数据值，可选，数字类型
        "sizeValue": 811,
        // 映射为散点形状，可选，可枚举类型的数字或字符串
        "type": 1,
        // tooltip中附加显示的数据，可选，数字或字符串
        "tooltipValues": [
          44,
          8
        ],
        // 这个字段供超链接类型的下钻使用，在配置下钻时的「绑定超链接的数据字段」处填写url即可。
        "url": "sugar.baidu.com"
      },
      {
        "name": "广东",
        "coord": [113.429877, 23.334664],
        "value": 8659,
        "sizeValue": 738,
        "type": 1,
        "tooltipValues": [
          62,
          8
        ],
        "url": "sugar.baidu.com"
      },
      {
        "name": "上海",
        "value": 8424,
        "sizeValue": 851,
        "type": 2,
        "tooltipValues": [
          44,
          9
        ],
        "url": "sugar.baidu.com"
      },
      ......
    ],
    // 颜色映射数据的名称，会显示在 tooltip 中
    "valueName": "人口",
    // 散点大小映射数据的名称，会显示在 tooltip 中
    "sizeValueName": "GDP",
    // 散点系列映射数据的名称，会显示在 tooltip 中
    "typeName": "级别",
    // tooltip中附加显示数据的名称，与上面的tooltipValues中的值一一对应
    "tooltipNames": [
        "面积",
        "流动人口"
    ],
    // tooltip中附加显示数据的单位，与上面的tooltipValues中的值一一对应
    "tooltipUnits": [
        "平方公里",
        "人"
    ]
  }
}

 

多层地图 - 热力层/蜂窝聚合层

API 示例：/openapi/demo/chart?type=heatMap

response：


{
  "status": 0,  // 0表示成功，非0表示失败
  "msg": "",    // 失败时的提示信息
  "data": {
    // mapData字段是一个数组，每项代表一个散点或一个热力区域
    "mapData": [
      {
        // 点的名称。必传，字符串。
        // 当没有传递下面的 coord 字段时，系统会根据 name 的值自动匹配经纬度坐标
        // 注意，自动匹配经纬度坐标只支持全国省份和城市名称
        "name": "北京",
        // 地点的经纬度，可选，如果传递了则优先使用经纬度来定位点位置
        "coord": [116.41989, 40.189913],
        // 热力区域的值，可选，数字类型，会映射为热力区域的渐变颜色。
        "value": 7470
      },
      {
        "name": "广东",
        "coord": [113.429877, 23.334664],
        "value": 8659
      },
      {
        "name": "上海",
      },
      ......
    ]
  }
}

 

多层地图 - 飞线层

API 示例：/openapi/demo/chart?type=mapLine

response：


{
  "status": 0,  // 0表示成功，非0表示失败
  "msg": "",    // 失败时的提示信息
  "data": {
    // mapData字段是一个数组，每项代表一条飞线
    "mapData": [
      {
        // 飞线的名称。字符串
        "name": "线路一",
        // 飞线起点到终点的名称。字符串。
        // 当没有传递下面的 coords 字段时，系统会根据 locations 的值自动匹配经纬度坐标
        // 注意，自动匹配经纬度坐标只支持全国省份和城市名称
        "locations": ["北京", "广东"],
        // 地点的经纬度，可选，如果传递了则优先使用经纬度来绘制飞线和气泡
        "coords": [[116.41989, 40.189913], [113.429877, 23.334664]],
        // 飞线的附加取值，可选，数字类型。如果传了，系统会使用这个值来映射飞线和气泡的渐变颜色
        "value": 7470,
         // 飞线的附加取值，可选，数字类型。如果传了，系统会使用这个值来映射飞线的宽度
        "sizeValue": 234,
        // tooltip中附加显示的数据，可选，数字或字符串
        "tooltipValues": [
          44
        ],
        // 这个字段供超链接类型的下钻使用，在配置下钻时的「绑定超链接的数据字段」处填写url即可
        "url": "sugar.baidu.com"
      },
      {
        "name": "线路二",
        "locations": ["北京", "天津"],
        "value": 8659,
        "sizeValue": 134,
        "tooltipValues": [
          62
        ],
        "url": "sugar.baidu.com"
      },
      {
        "name": "线路三",
        "locations": ["北京", "上海"],
        "value": 8424,
        "sizeValue": 235,
        "tooltipValues": [
          44
        ],
        "url": "sugar.baidu.com"
      },
      ......
    ],
    // 飞线颜色、粗细映射数据的名称，会显示在 tooltip 中
    "valueName": "人流量",
    "sizeValueName": "次数",
    // tooltip中附加显示数据的名称，与上面的tooltipValues中的值一一对应
    "tooltipNames": [
        "线路长度"
    ],
    // tooltip中附加显示数据的单位，与上面的tooltipValues中的值一一对应
    "tooltipUnits": [
        "公里"
    ]
  }
}

 

多层地图 - 路径层

API 示例：/openapi/demo/chart?type=bmapLine&nationLine=1

response：


{
  "status": 0,  // 0表示成功，非0表示失败
  "msg": "",    // 失败时的提示信息
  "data": {
    // trails 字段是一个数组，每一项代表一条路径
    "trails": [
      {
        // 路径通过 途径点的位置信息 在地图上进行绘制
        // 途径点位置信息可以通过两种方式提供：locations字段和coords字段
        // locations字段中可以包含中国省市名称，系统会根据这个名称自动解析各个途经点的坐标
        // coords字段中则直接包含各途经点的坐标
        "locations": [
          "北京",
          "上海"
        ],
        "coords": [
          [
            120.14322240845,
            30.236064370321
          ],
          [
            120.14280555506,
            30.23633761213
          ],
          [
            120.14307598649,
            30.236125905084
          ]
        ],
        // 路径的名称，会在tooltip中显示
        "name": "航线1",
        // 路径的附加取值，可选，数字类型。如果传了，系统会使用这个值来映射路径和气泡端点的渐变颜色
        "value": 12
        // 路径的附加取值，可选，数字类型。如果传了，系统会使用这个值来映射路径的宽度
        "sizeValue": 213,
        // tooltip中附加显示的数据，可选，数字或字符串
        "tooltipValues": [
          44,
          8
        ],
      },
      {
        "locations": [
          "北京",
          "大连"
        ],
        "name": "航线3",
        "value": 14,
        "sizeValue": 212,
        "tooltipValues": [
          62,
          8
        ],
      },
      {
        "locations": [
          "北京",
          "南宁"
        ],
        "name": "航线4",
        "value": 15,
        "sizeValue": 213,
        "tooltipValues": [
          44,
          9
        ],
      },
      ......
    ],
    // 路径颜色、粗细映射数据的名称，会显示在 tooltip 中
    "valueName": "飞机数量",
    "sizeValueName": "平均高度",
    // tooltip中附加显示数据的名称，与上面的tooltipValues中的值一一对应
    "tooltipNames": [
        "航班数",
        "人流量"
    ],
    // tooltip中附加显示数据的单位，与上面的tooltipValues中的值一一对应
    "tooltipUnits": [
        "架次",
        "人次"
    ]
  }
}

 

多层地图 - 点聚合层

API 示例：/openapi/demo/chart?type=clusterMap

response：


{
  "status": 0,  // 0表示成功，非0表示失败
  "msg": "",    // 失败时的提示信息
  "data": {
    // mapData字段是一个数组，每项代表一个散点
    "mapData": [
      {
        // 点的名称。必传，字符串。
        // 当没有传递下面的 coord 字段时，系统会根据 name 的值自动匹配经纬度坐标
        // 注意，自动匹配经纬度坐标只支持全国省份和城市名称
        "name": "北京",
        // 地点的经纬度，可选，如果传递了则优先使用经纬度来定位点位置
        "coord": [116.41989, 40.189913],
        // tooltip中附加显示的数据，可选，数字或字符串。
        "tooltipValues": [
          44,
          8
        ],
        // 这个字段供超链接类型的下钻使用，在配置下钻时的「绑定超链接的数据字段」处填写url即可
        "url": "sugar.baidu.com"
      },
      {
        "name": "广东",
        "coord": [113.429877, 23.334664],
        "tooltipValues": [
          62,
          8
        ],
        "url": "sugar.baidu.com"
      },
      {
        "name": "上海",
        "tooltipValues": [
          44,
          9
        ],
        "url": "sugar.baidu.com"
      },
      ......
    ],
    // tooltip中附加显示数据的名称，与上面的tooltipValues中的值一一对应
    "tooltipNames": [
        "面积",
        "流动人口"
    ],
    // tooltip中附加显示数据的单位，与上面的tooltipValues中的值一一对应
    "tooltipUnits": [
        "平方公里",
        "人"
    ]
  }
}

 Sugar BI支持免费试用，欢迎大家前来体验

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/517658.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

进击数据基础设施新蓝海，厂商如何“择木而栖”？

进击数据基础设施新蓝海，厂商如何“择木而栖”？

文 | 螳螂观察 作者 | 李永华 多样的应用需求，倒逼底层存储能力不断升级； 复杂的数据状况，要求存储能够“兼容并蓄”； 客户企业在数字化方面的战略转型升级，总是触及到存储…… 当数据基础设施成为新的蓝海&#…
阅读更多...
大学计算机基础-题库刷题-精选

大学计算机基础-题库刷题-精选

题库刷题： 写在前面： 这个是我准备应对学校转专业考试而刷的题库， 也是大学计算机的题库，同样适用于大学计算机这门课的期末考试。 精选了一些重要的题目。 目录 题库刷题： 写在前面： 题目1&#x…
阅读更多...
内卷时代，大厂产品经理仅用3步破局

内卷时代，大厂产品经理仅用3步破局

本文首发自「慕课网」，想了解更多IT干货内容，程序员圈内热闻，欢迎关注"慕课网"！ 作者：申悦|慕课网讲师 在当下互联网环境下，产品经理究竟要如何破局？ 我认为，既然要破局…
阅读更多...
RocketMQ学习笔记：生产者Producer

RocketMQ学习笔记：生产者Producer

DefaultMQProducer 根据上文：RocketMQ学习笔记：消息Message - 掘金 (juejin.cn)，我们定位到Producer中的这一行代码： java 复制代码 DefaultMQProducer producer new DefaultMQProducer("ProducerGroupName"); pro…
阅读更多...
2023年3月GESP能力等级认证C++一级真题

2023年3月GESP能力等级认证C++一级真题

一、单选题（每题2分，共30分） 1.以下不属于计算机输入设备的有（B ）。(2分) A．键盘 B．音箱 C．鼠标 D．传感器 2.计算机系统中存储的基本单位用 B 来表示，它…
阅读更多...
Git 常用命令笔记

Git 常用命令笔记

下载安装这里就不赘述了，直接下一步就行！ 一、常用命令 1. 增加删除/文件 添加当前目录的所有文件到暂存区 git add .添加指定文件到暂存区 git add [file1] [file2] ...添加指定目录到暂存区，包括子目录 git add [dir]对于同一个文件的多…
阅读更多...
多种方法解决There is no tracking information for the current branch的错误

多种方法解决There is no tracking information for the current branch的错误

文章目录 1. 复现错误2. 分析错误3. 解决错误3.1 远程有分支3.2 远程无分支 4. 总结 1. 复现错误 今天发布某版本的项目，准备创建个v0point1分支，后期如果修改该版本，直接在该分支上修改即可。 首先，使用git branch v0point1命令…
阅读更多...
问道游戏私人服务器架设+详细搭建教程+外网教程

问道游戏私人服务器架设+详细搭建教程+外网教程

搭建条件: 1、服务器一台, 2、下载服务端 搭建教程： 1.先安装宝塔 2、放行安全组的相应端口 具体要放行的端口有：3306、888、8888、5000、8101、8110、8120、8160-8168（这个是范围之8160是一线，依次类推） 3、安装数据库…
阅读更多...
别点了！CAS登录对接，这个Bug让你反复登录！

别点了！CAS登录对接，这个Bug让你反复登录！

目录 引言 背景描述 问题描述 问题排查 软件测试工程师发展规划路线 引言 你是否曾经在登录一个网站时，不断输入账号密码，却发现自己总是无法成功登录？或者你是否曾经遇到过跨域问题导致的登录失败？ 今天我要和大家分享的就…
阅读更多...
Speech and Language Processing之神经网络

Speech and Language Processing之神经网络

上面这句话很好的解释了一件事，就是“大力出奇迹” ，当神经元的数目足够足够多的时候，机器所能做到的事情就很复杂、很难理解了，这是不是说明chatgpt的成功也是因为大？ 现代神经网络是一个由小型计算单元组成的网络&am…
阅读更多...
前端 Web 性能清单

前端 Web 性能清单

💂 个人网站:【海拥】【摸鱼游戏】【神级源码资源网】🤟 前端学习课程：👉【28个案例趣学前端】【400个JS面试题】💅 想寻找共同学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】 提高 Web 应用程序的性…
阅读更多...
HS6621系列低功耗国产蓝牙芯片 支持蓝牙5.1

HS6621系列低功耗国产蓝牙芯片 支持蓝牙5.1

HS6621CxC是一个功耗优化的蓝牙低功耗和专有的2.4 ghz应用真正的芯片上系统(SOC)解决方案。它集成了一个具有蓝牙基带和丰富外设的低功耗射频收发器I0扩展。HS6621CxC还集成了电源管理，提供高效率电源管理。它的目标是2.4 G蓝牙低功耗系统，人机界面设备(…
阅读更多...
尚无忧【已对接硬件】共享自习室，共享麻将馆，共享茶室，共享空间，共享台球室，共享健身房无人值thinkphp开发

尚无忧【已对接硬件】共享自习室，共享麻将馆，共享茶室，共享空间，共享台球室，共享健身房无人值thinkphp开发

1、定位功能：可定位附近是否有店 2、能通过关键字搜索现有的店铺 3、个性轮播图展示，系统公告消息提醒 4、个性化功能展示，智能排序，距离、价格排序 5、现有店铺清单展示，订房可查看房间单价，根据日期、…
阅读更多...
面试了一位6年的软件测试，一问三不知，他还反怼我...

面试了一位6年的软件测试，一问三不知，他还反怼我...

最近看了很多简历，很多候选人年限不小，但是做的都是一些非常传统的项目，想着也不能通过简历就直接否定一个人，何况现在大环境越来 越难，大家找工作也不容易，于是就打算见一见。 在沟通中发现，由…
阅读更多...
linux 修改 /etc/locale.conf无效问题处理办法

linux 修改 /etc/locale.conf无效问题处理办法

问题背景： 我在做测试系统文档转换成其他格式文档时，按照系统要求配置系统的编码格式为：utf-8 但是 尤其是设置：LC_ALLZh_CN.UTF- 8 但是 即使 我已经设置了 /etc/locale.conf内容如下： 并且source /etc/locale.con…
阅读更多...
【FPGA-DSP】第十期：sysgen算法封装与调用

【FPGA-DSP】第十期：sysgen算法封装与调用

参考视频教程第10期 - sysgen算法封装与调用 - 基于FPGA的数字信号处理系统开发笔记_哔哩哔哩_bilibili 该教程主要实现如何将sysgen编写的算法模块给实际的应用起来 添加封装有两种方式： 在Vivado中使用ip核添加算法模块封装在Sysgen中将算法模块封装 Sysgen开发…
阅读更多...
为何使用 B+ 树而非二叉查找树或 B 树做索引？

为何使用 B+ 树而非二叉查找树或 B 树做索引？

二叉树 B-Tree BTree 一、为何使用 B 树而非二叉查找树做索引？ 我们知道二叉树的查找效率为 O(logn)，当树过高时，查找效率会下降。另外由于我们的索引文件并不小，所以是存储在磁盘上的。 文件系统需要从磁盘读取数据时&#xff0c…
阅读更多...
【Vue工程】010-UnoCSS 即时按需原子 CSS 引擎

【Vue工程】010-UnoCSS 即时按需原子 CSS 引擎

【Vue工程】010-UnoCSS 即时按需原子 CSS 引擎 文章目录 【Vue工程】010-UnoCSS 即时按需原子 CSS 引擎一、概述1、简介2、官网 二、基本使用1、安装2、修改 vite.config.ts3、根目录创建 uno.config.ts4、在 main.ts 中引入5、VS Code 安装 UnoCSS 插件6、在组件中使用7、访问…
阅读更多...
ABAP 好用的事务码工具记录（持续更新）

ABAP 好用的事务码工具记录（持续更新）

性能优化类 SM50-某个程序RUNNING时间过长的时候，可以直接跳转到对应程序位置。 使用说明：一般选择仅活动进程，过滤列表中的活动程序和用户名，这样可以快速的定位到进程。 通过管理>>程序>>调试直接跳转到程序运行的…
阅读更多...
VS2019配置opencv4.6.0手把手一步一步实现

VS2019配置opencv4.6.0手把手一步一步实现

引言：配置环境真是让人痛苦不堪，踩了无数个坑，网上的文章五花八门，完全不知道参考哪个，直接劝退。为了能顺利配置，此处进行记录，以后可以回过头来看，也分享给大家。 我提供了两种方…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023