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

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

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

4.9K10

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.5K20

如何在 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 已经帮我们节省了很大一部分开发图表的时间...无需繁琐的前端开发，只需要简单拖拽，即可快速搭建企业内部工具。

3.5K00

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...可以设置标题、提示信息、背景颜色、文字颜色、线条颜色、区域颜色等各种颜色。 可设置城市的名称、值、经纬度 集合。 可设置地图的放大倍数、是否允许鼠标滚轮缩放。

99931

常用报表开发工具介绍

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

1.1K30

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

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

91170

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

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

24510

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

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

1K30

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

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

1.1K20

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

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

93610

数据可视化-EChart2.0使用总结2

接上一篇博客，这篇博客主要讨论EChart里面的散点图、气泡图和雷达图。 4.散点图-Scatter Chart 适合场景：三维数据集，但是只有两个维度需要比较。...demo地址：http://echarts.baidu.com/doc/example/scatter1.html 说明：默认EChart散点图圆圈大小是4，显得比较小。...可以通过在series里面设置symbolSize的值，改变圆圈的大小。 5.气泡图-Bubble Chart 适合场景：气泡图和散点图展现形式相似，只是每个点的大小不一致，反映了第三个维度。...特点:用户对圆点的面积大小不是非常的敏感，所以气泡图只适合不要求精准辨识第三维的场合。 Demo截图： ?...demo地址：http://echarts.baidu.com/doc/example/radar1.html 说明：除非专业用户，普通用户对雷达图都不是非常的熟悉，所以在使用雷达图时最好能给出一些提示

1.2K60

数据可视化-EChart2.0.0使用中遇到的2个问题

百度给出EChart的漏斗，看起来确实一个漏斗图，但是它对数据要求的非常严格。基本在商业应用中基本用不了。...解决办法:然后我在github上向百度EChart提出了这个issue，但是好像目前他们也没有修复的打算。所以目前还没有很好的版本，而且在新版本中这个问题会不会解决还不知道。...百度kener给出的答复:https://github.com/ecomfe/echarts/issues/807 2.地图2.1.10中地图hover时，值域选择最大值出现数字重叠。...，对值域选择设置了最小值和最大值。...但是在2.0.0版本中，EChart有个bug，这个点不会在地图上显示出来。在2.1.10中解决了这个问题。也提醒使用EChart的开发者，需要经常关注EChart官网对EChart的更新。

1.8K20

ChatGPT Excel 大师

请教 ChatGPT，了解高级超链接技巧，如链接到工作表中的特定单元格。ChatGPT 提示“我想创建允许用户快速访问相关信息或数据源的超链接。如何在 Excel 中设置一键数据录入的超链接？”...ChatGPT 提示“我想根据特定条件应用自定义样式来格式化单元格，例如突出显示值低于某个阈值的单元格。如何在 Excel 中使用自定义单元格格式来创建动态和视觉上吸引人的设计？” 67....使用录制宏选项开始录制您的操作。3. 在 Excel 中执行所需的操作，如格式化单元格或复制数据。ChatGPT 提示“我经常在 Excel 中执行相同的格式化任务。...条件格式设置问题 专家提示使用 ChatGPT 的指导解决 Excel 中的条件格式设置问题，帮助您识别和解决规则应用、规则顺序和格式不一致等问题。步骤 1. 识别条件格式未按预期工作的单元格或范围。...确定 Excel 模板的目的及其处理的数据。2. 与 ChatGPT 探讨模板安全性、数据验证和在模板设置和公式中设置安全默认值的技术。

5400
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

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

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

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

    领券