文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    PRD神器：利用Axure组件库快速设计高逼格产品原型图

    作为Windows或者对Axure独有偏爱的用户，你还在一直“手画”原型吗？其实作为最经典的产品原型设计工具，Axure也是可以基于组件库快速进行高逼格的产品原型设计的。...不仅涵盖了页面常用的操作按钮、表单，还基于列表页、提示页、Dashboard页面等不同场景提供集成度非常高的组件集合，拖动一下，改改文案基本上一个页面就可以用了。可以大大提高PRD设计的效率。...2.可视化图表组件库 数据产品做可视化页面设计时，最常用到各种可视化图表，你是自己截图贴过来，还是在excel里面绘制一下Demo图片，还是基于Echart官网改改代码参数呢？...当Axure拥有Echart组件库时，就可以实现可视化绘图自由了。 Echart组件库覆盖所有常用图表，数据、系列颜色自定义设置、动态Tootips，可以做到高保真交互设计。...三、如何导入组件库 下载获取格式为Axurerp的组件库文件后，打开Axure，点击下图元件库右侧更多按钮，点击载入元件库，选择路径和组件文件确定后，即导入成功可以开始使用了。

    6.4K10

    Hexo -23- 使用 ECharts 插件绘制炫酷图表

    excerpt: ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求，本文介绍如何在 Hexo 博客中使用 ECharts 插件。...参数400指定图表展示的高度为400px，85%则指定图表展示的宽度为85%，如不写明这两项参数则默认值为高度400px，宽度81%。 title：标题组件，包含主标题和副标题。...tooltip：提示框组件。 toolbox：工具栏。内置有导出图片，数据视图，动态类型切换，数据区域缩放，重置五个工具。 xAxis、yAxis：直角坐标系 grid 中的 x 轴、y轴。...需要引入其他js，如bmap、jquery等，请自行添加。...使用百度地图的api需要申请密钥(ak)，使用格式如下，注意替换FAKE_AK。

    3.7K20

    Django 结合Vue实现前端页面导出为PDF

    base64编码为图片，然后替换模板中对应的模板变量，这样以后，通过pdfkit类库把模板html文本导出为pdf。...', False) 默认的，pdfkit会显示所有wkhtmltopdf的输出，可以通过添加options参数，并设置quiet的值（quiet除外，还有很多其他选项可设置，具体参考官方文档），如下：...D:\Program Files\wkhtmltopdf\bin\wkhtmlpdf.exe），添加到系统环境变量path中（实践时发现，即便是配置了环境变量，运行时也会报错：提示：No wkhtmltopdf..." } // 创建Echarts图表时需要指定一个id，例中创建每个echart图表时，都会生成一个UUID作为该echart图表的id，并且会把该UUID保存到this.echartPicIdDict...report_html_str.replace('${%s}' % key, '%s/sprint_test_report/%s' % (current_dir, file_name_dict[key])) # 注意，这里，迭代测试报告模板中的变量名称被设置为和

    2.1K10

    Qt编写地图综合应用4-仪表盘

    一、前言 仪表盘在很多汽车和物联网相关的系统中很常用，最直观的其实就是汽车仪表盘，这个以前主要是机械的仪表，现在逐步改成了智能的带屏带操作系统的仪表，这样美观性和拓展性功能性大大增强了，上了操作系统的话...用Qt开发仪表盘控件非常方便，无论是用widget的painter还是qml，尤其是qml，内置的那些动画效果非常适合做这类的应用，这次不讨论如何用qt开发仪表盘，而是直接用echart内置的仪表盘控件...，做的也挺好的，不知道echart这么小的一个文件，还能有如此多的效果，连仪表盘都有，这个非常震惊，仪表盘的使用在官网非常详细，与Qt的结合难点可能就在如何交互，Qt中无论是webkit也还还是webengine...，都提供了runJavaScript或者evaluateJavaScript函数类来执行js函数，只需要在html文件写好对应的js文件函数就可以直接触发执行，比如设置仪表盘的角度我这里写的是setGaugeValue...可以设置标题、提示信息、背景颜色、文字颜色、线条颜色、区域颜色等各种颜色。 可设置城市的名称、值、经纬度 集合。 可设置地图的放大倍数、是否允许鼠标滚轮缩放。

    1K31

    如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云

    [如何在 Vue 中加入图表 - Vue echarts 使用教程] 文章首发：《如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云》 在 Vue 搭建的后台管理工具里添加炫酷的图表...，是所有数据展示类后台必备的功能，本教程手把手教大家如何在 Vue 中加入 Echarts ，一个基于 JavaScript 的开源可视化图表库，Echarts 涵盖了常见的数据图表类型。...特别注意，初学者经常碰到 「EChart 不显示」的问题，其中一个原因就是没有定义 DOM 容器，导致 EChart 无法初始化。...npm run serve [vue-charts] 使用「卡拉云」直接生成图表 本文介绍了如何在 Vue 中引入 ECharts 的方法，虽然 ECharts 已经帮我们节省了很大一部分开发图表的时间...无需繁琐的前端开发，只需要简单拖拽，即可快速搭建企业内部工具。

    4.2K00

    常用报表开发工具介绍

    现在制作报表一般有以下4个工具可以用：jFreeChart、FusionChart、HighChart、EChart。 下面分别从不同角度去介绍这4个报表工具。...3、资源丰富 在实现效果方面，基本上所有的报表工具都能实现基本的柱形图、饼图、曲线图等基本的图形。 但是如果要求更高的展现方式，比如通过地图展示，那或许只能通过FusionChart和EChart了。...6、特色功能 这里介绍的是ECharts中的地图功能，ECharts可以通过地图呈现更加震撼的效果，而这是其他三个报表根据所没有的一个展示方式（FusionChart好像有地图类型，但是打不开，所以我就忽略它啦...下面贴几张ECharts的几张效果图，非常漂亮！ 每个开发工具都有各自的特点，如果你是要在客户端使用报表工具，那么jFreeChart就是你唯一的选择了。...而如果你在网站中使用报表工具，那么你可以选择FusionChart、HighChart、ECharts。 但是考虑到商用收费的限制，我个人还是倾向于使用EChart。

    1.2K30

    Qt编写地图综合应用5-自适应拉伸

    一、前言 用过echart的人都会遇到一个问题，就算是代码中写了window.onresize = echart.resize，也只是横向自适应拉伸填充页面，垂直方向不会变化，除非指定高度才可以，这就比较郁闷了...好吧先不管这个了，这个问题搜索出来一大堆解决方案，在Qt的浏览器控件中也有这个问题，为了解决这个问题想了两个策略，一种是程序本身检测尺寸变化，然后重新设置高度并载入网页，一种是js函数设置对应的宽高，什么时候执行呢...可以设置标题、提示信息、背景颜色、文字颜色、线条颜色、区域颜色等各种颜色。 可设置城市的名称、值、经纬度 集合。 可设置地图的放大倍数、是否允许鼠标滚轮缩放。...内置的仪表盘组件提供交互功能，demo演示中包含了对应的代码。 函数接口友好和统一，使用简单方便，就一个类。 支持任意Qt版本、任意系统、任意编译器。...echarts自动拉伸填充,此方法只能横向拉伸 list echart.resize;"); //下面的方法用来设置画布的宽度高度 list

    94570

    AIGC--如何在内容创作中合理使用AI生成工具？

    因此，本文将深入探讨如何在创作流程中合理使用AI生成工具，以便从多个角度对内容进行个性化和定制化，并分享大量示例代码，帮助创作者更好地利用AIGC工具。 1....多模态生成工具（如Stable Diffusion）：适合需要跨领域结合的创意内容，如文字和图像相互补充的内容。...# 生成内容初稿 prompt = "如何在内容创作中合理使用AI生成工具？请详细阐述各个阶段。"...# 从不同角度细化生成内容 details_prompt = "如何使用AI生成工具来激发内容创作中的创意？"...最大生成长度：设定生成内容的字数，以适应文章的篇幅要求。 例如，生成多角度讨论时，可以通过不同的频率惩罚和温度值生成多种表达方式。

    17710

    【数据可视化】Echarts的高级功能

    1.1 ECharts的图表混搭 在ECharts的图表混搭中，一个图表包含唯一图例、工具箱、数据区域缩放模块、值域漫游模块和一个直角坐标系，直角坐标系可包含一条或多条类目轴线、一条或多条值轴线，类目轴线和值轴线最多上下左右共...ctx.translate(50, 50); //设置水印文字的偏转值 ctx.rotate(-Math.PI / 4); //设置水印旋转的角度...实现EChart中的多图表联动，可以使用以下两种方法。...（1）分别设置每个ECharts对象为相同的group值，并通过在调用ECharts对象的connect方法时，传入group值，从而使用多个ECharts对象建立联动关系，格式如下。...单击主题构建工具页面左上角的“下载”按钮，弹出“主题下载”对话框中，如图所示，单击左边的“JS版本”选项卡，将其中的代码复制到所命名的“.js”格式的文件中保存。

    50510

    Qt编写数据可视化大屏界面电子看板10-改造QCustomPlot

    一、前言 为了抛弃对QChart的依赖，以及echart的依赖，（当然，后期也会做qchart的版本和echart的版本，尤其是echart的版本是肯定会做的，毕竟echart的效果牛逼的一塌糊涂，全宇宙最牛逼吧...以便任何人都可以及时掌握管理现状和必要的情报，从而能够快速制定并实施应对措施。因此，管理看板是发现问题、解决问题的非常有效且直观的手段，是优秀的现场管理必不可少的工具之一。...提供三个内核版本，自定义控件版本+qchart版本+echart版本。 内置多套配色风格样式，默认紫色，支持任何分辨率。 可设置标题+目标分辨率+布局方案，启动立即应用。...曲线支持游标+悬停高亮数据点和显示值，柱状图支持顶部（可设置顶端+上部+中间+底部）显示数据，全部自适应计算位置。 主界面直接鼠标右键切换布局+配色方案+关闭开启某个二级窗体。...如果使用的默认的默认的配色方案比如紫色风格，则配置文件中的颜色全部无效，会自动应用代码中的颜色，如果需要启用自定义的颜色，则将配置文件的 Theme=\x81ea\x5b9a\x4e49\x98ce\x683c

    1.2K30

    国产开源以复杂中国式报表为核心目标的制作、运行工具、数据大屏

    介绍 CellReport 是一个以 复杂统计报表 为核心目标的制作、运行工具。...预定义有报表组件、echart组件、数据展现组件等 灵活的报表元素间的数据引用，局部报表刷新设置方便 组件报表引用、以及对其他报表软件制作的报表引用（专业版提供） 部分例图 输入图片说明...报表运行时，会首先以并行方式将所有数据集的数据取到运行环境，然后根据报表设计中预定义好的公式做数据的合并、运算，最终数据以json方式传给最终展现页面，前端页面根据json结果呈现最终展示。...运行环境提供了很多可以拦截接入自定义控制的地方，如：报表运行前的通用检查、控制数据集的数据是否回传前端等。前端展现可以动态插入自定义css、js 。...前端是以vue 为基础，通过template-compiler模板编译器，可自由控制echart、数据展现等组件的显示样式。 后端运行的基础环境是net6。内存效率利用极高，仅需300M左右内存。

    1.4K20

    图表即代码：以代码化的方式构建新一代图形库 —— Feakin

    如何可视化知识的连接？建立它们的连接？ 在那上一篇文章《思维图形化：从表象到概念的浮现过程》中，也需要这样的一个工具，作为它们的载体。然而，现有的工具，在版本化这事上做得可毒啊了。...在先前的《文档代码化》 中，我们定义的文档代码化是： 文档代码化，将文档以类代码的领域特定语言的方式编写，并借鉴软件开发的方式（如源码管理、部署）进行管理。...如 Graphviz 中来源于 DSL 中的代码，而在支持 import 关系的 DSL 中，则可以通过 DSL 来导入数据。...代码化可以向程序员提供高效的输入方式，但是正如新手程序不习惯用 Terminal 一样，他们也需要图形化的方式。于是呢，如何在改变图形的同时，更新代码就变得非常有意思了。...从结果上来说，图表工具在保存的时候，存储的是数据模型，而模型便是这个双向绑定的基础。如在使用 draw.io 这样的可视化工具时，当我们添加新的矩形、连接时，结果会更新到对应的数据模型中。

    1K10

    从零开始：使用 Vue-ECharts 实现数据可视化图表功能

    在前端开发中，经常会接到图表相关的页面需求，你需要在页面上绘制不同类型的图表，来丰富页面数据的呈现效果。通过图表你可以很直观的看到数据的大体情况，可以很方便的将数据进行多维度的对比。.../charts'// 导入图表的各种组件，如标题、提示和图例import { TitleComponent, TooltipComponent, LegendComponent } from 'echarts...provideNumber // 结束截取的位置 // 此处特殊处理最后一行的索引值 if (p == rowNumber...，比方说可以设置 x 轴标签文字单行显示长度；可以配置多柱的颜色，我用了一个渐变色数组取余循环，想要换成纯色改下也是可以的。...总结通过本文的介绍，你应该已经了解了 Vue-ECharts 的基本用法，以及如何在 Vue 项目中使用它来快速开发图表。

    3K40
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券