文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue常用组件库_vue内置组件

：VueJS虚拟键盘组件 vue-chartkick：VueJS一行代码实现优美图表 vue-ztree：用 vue 写的树层级组件 vue-m-carousel：vue 移动端轮播组件 vue-datepicker-simple...electron-vue：Electron及VueJS快速启动样板 vue-2.0-boilerplate：Vue2单页应用样板​ vue-spa-template：前后端分离后的单页应用开发...Vue指令 v-media-query：vue中添加用于配合媒体查询的方法 vue-observe-visibility：当元素在页面上可见或隐藏时检测 vue-ts-loader：在Vue装载机检查脚本...vue-highcharts – HighCharts组件 chartjs – Vue Bulma的chartjs组件 vue-chartkick – VueJS一行代码实现优美图表 06、日历...懒加载图片 vue-lazyloadImg – 图片懒加载插件 vue-bus – VueJS的事件总线 vue-observe-visibility – 当元素在页面上可见或隐藏时检测 vue-notifications

8.1K20

一些最好用的数据可视化工具

,但你也可以使用JavaScript对象;更方便的是,可以传送饼图到任何有Pizza的装置,在传送后,饼图会自动变成合适的大小形式,当然也可以固定它最大的长宽 Raw Raw是一个开源的数据可视化工具,...,Leaflet融合了简单/效能/实用性三者的设计;虽以html5及CSS3为优势,但仍能够兼容焦躁的浏览器 Chartkick Chartkick是一个Ruby gem,可非常方便/快速地创建漂亮的图标...,它整合了两大图表库:Highcharts和Google Charts,并能使用和这两个图库相同的功能来建立图表,支援多种图表类型以及单一图表含多样系列Chartkick还有一个JavaScript API...Arbor.js Arbor.js是由jQuery建立的图表视觉化资料库,提供有效率,以力导向的版面配置演算法,抽象画图表组织以及筛选更新的处理;它不受限于你必须要用特定的方法来进行荧幕绘画，可以使用...Finance的Flash图表很相似,利用Prototype和Flotr libraries;在通过函数来产生图表前,需要设定三个参数;可以手动地选择一部分的资料,并放大该部分的资料,当你在处理大量的资料时这是个非常有用的功能

3.2K50
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【数据可视化】让效率“爆表”的49个数据可视化工具

    Chartkick 简介：用最少的代码创建专业的 Javascript 图表。 网址：http://chartkick.com 图示： ?...CartoDB 简介：开源且允许你在 web 上存储和虚拟化地理数据的工具，这个数据库通过灵活方式让开发者更容易的、创建地图和设计自己的应用可以轻易的结合表格数据与地图。...Paper.js 简介：开放源码的矢量图形脚本框架，在 HTML5 画布上运行。...Raphaël 简介：小型的 JavaScript 库，用来简化在页面上显示向量图的工作，可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。...Infogram 简介：用户上传数据后，可以生成互动的图表，这些图表可以嵌入网页使用。 网址：https://infogr.am 图示： ?

    3.1K70

    5个Tips让你的Power BI报告更吸引人

    将可视化方法从饼图更改为柱状图后，该报告显示每个区域的销量。请注意，我们如何轻松地看到欧洲（红色）的销售额与北美（橙色）的销售额之间的差异，并立即注意到谁更高。...单击顶部栏不会影响底部显示的数据 2）突出强调 过滤后的值显示在总计的上下文中。当您要显示所选元素总数中有多少时使用它。在示例中–单击顶部图表中的条会淡出底部图表。...基本报告筛选器面板： 可视级别筛选器 –仅在选定的可视级别过滤数据，如果您希望某些背景（图表中不可见）数据仅用于过滤，则该功能特别有用。 页面级筛选器 –适用于页面上的所有元素。...选择过滤器并移至下一页后，过滤器将保持选中状态，这使您可以在相同的上下文中查看数据： “报告筛选器”面板–适用于应该浏览页面以在相同过滤上下文中查看数据的用户。...选择过滤器并移至下一页后，筛选器将保持打开状态 还有两个画布内滤镜： 切片器（画布内筛选器） –筛选器可作为单选或多选复选框或下拉菜单使用。我还没有发现它们特别有用。

    3.6K20

    推荐30款最佳的数据可视化工具

    各个互联网公司通过大量的用户数据、信息进行统计分析，而这些大量繁杂的数据在经过可视化工具处理后，就能以图形化的形式展现在用户面前，清晰直观。...7.Chartkick Chartkick是一个图表绘制工具，特点是UI美观、使用简单，并且支持IE6在内的大多数浏览器。它还可以与开源框架Django、Flask/Jinja2结合使用。...这些图表组件都是开箱即用的，在图表交互和演示方面应用的很好。 ? 9.Springy Springy.js设计轻量并且简单。...该库使用SVG作为输出方式来生成图形和动画效果，拥有非常完整的图形处理API，可以使得你更加方便的处理图形效果。它还支持渐变和过滤器（灰度、模糊、不透明度等）等效果。...20.HighChartjs HighChartjs是由纯JavaScript实现的图标库，能够很简单便捷的在Web网站或是Web应用程序上创建交互式图表。

    10.1K50

    大数据分析工具Power BI（十八）：图表交互设计

    一、筛选器筛选器是用来筛选、过滤图表数据的工具，筛选器可以对数据进行过滤筛选,筛选器从功能上分为以下三种： 此视觉对象上的筛选器：只能对这一个视觉对象上的数据进行筛选，对其他视觉对象无效。...此页上的筛选器：可以对该报表页上的所有视觉对象进行筛选。 所有页面上的筛选器：可以对所有报表页上的视觉对象进行筛选。...以上三种筛选器的影响范围是由小到大的，只是影响范围不同，使用方法一样，下面以"此页上的筛选器"为例来演示筛选器的使用：1、筛选器介绍针对前面绘制的"对比分析"页面上的图表进行数据筛选操作，将"套餐价格"...我们还是根据"对比分析"页面上的图表来演示切片器操作，操作如下：1、调整页面布局，加入切片器，放到页面上方一定要在空白处点击后加入"切片器"，否则可能会将其他的图表改成切片器。...五、编辑交互在Power BI中的某个页中绘制的多个图表之间默认有交互关系，例如在"对比分析"页面中我们选择"30分钟包时对应的第二季度"数据时其他三张图表也会对应的展示相应数据信息，这就是图表之间的交互关系

    1.9K122

    PowerBI 2020.11 月更新 - 各类图标更新及查找异常

    如果要推迟何时应用过滤器更改，那么该功能很有用，这样，在准备将任何过滤器更改应用于报表或视觉效果后，只需等待一次即可。 请注意，您可以在报告级别设置此功能。但是，该功能默认情况下处于关闭状态。...由于此功能处于预览状态，因此您首先需要打开功能开关，方法是转到文件>选项和设置>选项>预览功能，并确保 打开了异常检测： 通过在“分析”窗格中添加“查找异常”在图表上启用异常检测后，它将自动充实异常和期望值的范围...用它来创建带有内置过滤器（例如国家和州）的精美地图，或者为自定义区域创建并存储自己的过滤器。数据集群（如甜甜圈图和多页工具提示）等独特功能使您能够以结构化，用户友好的方式在每个位置显示更多数据。...集群节点的多页工具提示 多页工具提示解决了为群集中的每个数据点显示其他信息的问题。您可以使用导航箭头在一个工具提示中浏览所有相关节点的信息。...用它来创建带有内置过滤器（例如国家和州）的精美地图，或者为自定义区域创建并存储自己的过滤器。数据集群（如甜甜圈图和多页工具提示）等独特功能使您能够以结构化，用户友好的方式在每个位置显示更多数据。

    8.4K30

    大数据分析工具Power BI（九）：Power View介绍

    一、报表页 在Power BI中一张报表不能展示所有的数据报表我们可以创建多个报表页，可以点击"报表页区域"中"+"来增加新的页面，也可以在工具栏中选择"插入"->"新建页"来创建新的报表页，新建页面数量没有限制...删除页面时，可以在对应的页面上右键，选择"删除页"即可。...另外还可以设置图例，图例只能设置一个，表示当前表x轴在不同角度之间对比。 可以在"视觉对象格式"中对绘制的表进行样式设置，可以对图表的字体大小、颜色、数据标签、文本内容以及工具进行一系列设置。...我们还可以通过"进一步分析"向绘制好的图中添加一些分析线展示在图表中，方便我们对可视化图表进行理解: 四、筛选器 筛选器可以对数据进行过滤筛选,筛选器从功能上分为以下三种： 此视觉对象上的筛选器：只能对这一个视觉对象上的数据进行筛选...此页上的筛选器：可以对该报表页上的所有视觉对象进行筛选。 所有页面上的筛选器：可以对所有报表页上的视觉对象进行筛选。 使用筛选器可以直接将对应的列拖入到筛选器中进行选择数据即可，后续还会讲解。

    1.6K81

    Vue常用经典开源项目汇总参考

    Vue.js 是我在2014年2月开源的一个前端开发库，通过简洁的 API 提供高效的数据绑定和灵活的组件系统。...滚动vue-ripple ★24 - 制作谷歌MD风格涟漪效果的Vue组件vue-touch-keyboard ★22 - VueJS虚拟键盘组件vue-chartkick ★22 - VueJS一行代码实现优美图表...vue-spa-template ★223 - 前后端分离后的单页应用开发Framework7-Vue ★210 - VueJS与Framework7结合vue-bulma ★132 - 轻量级高性能MVVM...31 - 当元素在页面上可见或隐藏时检测vue-ts-loader ★29 - 在Vue装载机检查脚本vue-pagination-2 ★28 - 简单通用的分页组件vuex-i18n ★26 - 定位插件...- 异步的表单验证组件Vue-Easy-Validator ★11 - 简单的表单验证vue-truncate-filter ★9 - 截断字符串的VueJS过滤器vue-zoombox ★9 - 一个高级

    5.9K11

    52个实用的数据可视化工具！

    ChartBlocks是一个易于使用在线工具，它无需编码，便能从电子表格，数据库中构建可视化图表。整个过程可以在图表向导的指导下完成。...这个库非常强大和前沿，所以它带有没有预置图表也不支持IE9。 12.Chartkick ? Chartkick是一个图表绘制工具，特点是UI美观、使用简单，并且支持IE6在内的大多数浏览器。...由于使用了WebGL技术，你可以使用鼠标和触摸的方式来更新和变换图表。Sigma JS同时支持JSON和GEXF两种数据格式。这为它提供了大量的可用互动式插件。...该库使用SVG作为输出方式来生成图形和动画效果，拥有非常完整的图形处理API，可以使得你更加方便的处理图形效果。它还支持渐变和过滤器（灰度、模糊、不透明度等）等效果。...WolframAlpha把自己称作计算型知识引擎、谷歌在分析领域的劲敌。它最棒的一点是在显示图表时可以不需要任何配置就响应数据请求。

    4.4K11

    数据分析利器Metabase使用指南

    • 使用变量的 SQL 不可作为 Model 使用 2.4 选择可视化图表 点击可视化图形选择面板选择可用的图表，部分图表未必适合当前数据，可能点击后仍不可用。...，然后在图表上选择联动的列，选择过滤条件就会联动设置的图表。...Dashboard编辑模式下的图表设置页 3.4 叠加图表 在需要横向对比的场景，有时因为条件难以用单个 SQL 表达。 可以考虑下面的方式： • 分别创建若干个问题。...例如，在地图图表上添加搜索关键词，点击跳转到 Google 搜索页： 跳转外部链接示例 • 联动页面过滤器：下拉过滤器可能不够直观，下面的地图例子，当点击对应州的图形时，会同步改变州（State）过滤器...，其他引用的图表就会一起更新。

    5.3K20

    20个为前端开发者准备的文档和指南7

    在该网站的顶部有一个搜索表单，可以供过滤所需要的内容，而且每一个功能都有一个链接，当点击链接后就会链接到React的官方文档页面上。 5....这个ES6的学习资源最棒的地方是，每一个功能它都有两个代码示例，包括同样的代码在ES5里是如何实现的。 8....How DNS works(DNS如何工作的) “它精彩地解释了DNS是怎么工作的…我们制作该连环画，目的是解释当你在浏览器里键入一个网站的地址时，究竟发生了什么。” 14....打开该网站后，粘贴某些CSS代码或者某个网站的URL到相应的地方，点击tell me后，该站点就会告诉你哪个浏览器支持该CSS代码或者不支持该CSS代码。...Font Family Reunion(字体大全) 它是一个可以过滤内容的兼容图表，图表内容显示的是在所有操作系统上的默认的当地字体。

    96450

    PowerBI 2020年9月更新随Ignite发布，Premium 即将支持个人订阅，新一波变革来袭

    现在，他们可以在报表中添加每次更新后都会更新的叙述，而不必在PowerPoint中粘贴添加了关键要点的报告的屏幕快照。您的最终用户可以使用叙述来理解他们的数据，更快地找到关键点，并向其他人解释数据。...摘要是动态的，并且在您交叉过滤时会自动更新生成的文本和动态值。 ? 请在预览中尝试该视觉效果。...发布期间搜索工作区 我们很高兴宣布增加了一项受欢迎的用户请求：在发布过程中搜索可用工作区列表！进入发布对话框后，您现在将在可用工作区列表的顶部看到一个搜索栏，您可以对其进行过滤。 ?...如果以后数据集上的标签更改为限制性更强的标签，则在Excel中刷新数据后，应用于Excel文件的标签将自动更新。...该模板应用程序具有一个视觉效果丰富的报告页面，其中包含针对业绩营销人员的过滤器，以汇总其营销活动如何为他们的营销和业务目标做出贡献。 ? 如何连接数据 以下步骤需要一个Windsor.ai帐户。

    9.3K20

    20个为前端开发者准备的文档和指南6

    Popular Coding Convention on Github(在Github上受欢迎的编码规范) 可以在网页上选择包括JavaScript、Ruby和PHP语言，当选择后，这个页面将会显示一张图表数据...，该图表将会告诉你某些编码模式是如何在GitHub上的项目里受欢迎的。...只要把鼠标悬停在某个标题上，你就会得到所支持的图表类型的详细信息，售价和依赖等。你也可以在该站点页面上通过类型(包括图表类型，价格，选项和依赖)来选择过滤库。 ? 14....Default Browser Focus Outline Styles(默认浏览器焦点轮廓样式) 它是一张图表，使用屏幕截图来显示不同的浏览器在不同的情况下在各种表单元素上是如何处理焦点样式的。...当点击每一个功能时，它都会链接到tddbin站点页面上，并且在该页面上加载对应的源代码。你唯一要做的就是修改失败的测试代码。而且通过动手，你应该可以在同一时间内学会使用ES6并且掌握ES6。”

    1.3K100

    Copilot for Power BI 正式发布

    关于copilot for powerbi，目前国内目前资料较少，只有本公众号在持续更新此内容，大家可以随时点击查阅： 与任何新工具或功能一样，掌握 Power BI Copilot 需要实践和实验。...目前 Power BI 中正式发布的内容 使用 Copilot 创建令人惊叹的 Power BI 报表页 使用简单的对话语言创建令人惊叹的 Power BI 报表页的功能现已正式发布。...Copilot 会根据你的提示选择相关的表、字段、度量值和图表，创建一个报告页面。它会把能显示数据见解的最合适的视觉对象放到页面上。...Copilot 会听懂你的问题——如果你的报告上没有答案，它就会直接查询你的模型，用图表的方式给你展示答案。...详细了解如何在 Fabric 中禁用 Copilot。 当前设置将在未来几周内更新为新语言，以反映这些更新。

    23910

    Android开发常用的一些功能列表

    1.软件自动更新下载，并提示 2.软件登录注册，以及状态保存 3.加载进度提示，页面刷新功能 4.列表呈现和分页，文字，图片，按钮，表格，表单常见元素等，并提供搜索过滤功能，最主要的是数据如何缓存，避免每次都要重新下载...5.详细页面的显示 6.退出功能的提示 7.定位功能 8.短信和打电话功能 9.导航条和菜单功能 10.图片显示和拍照上传功能 11.地图功能。自定义图标，行驶轨迹，当前位置，路径导航，多种地图。...Google ，Baidu，高德 12.文本框，多选框，进度条，弹出窗口，按钮，评分条，选项卡， 13.时间设置 14.两种提示格式，当前页提示，状态栏提示 15.资源文件的使用，样式标识的统一 16.....常用的整套UI页面素材 24.多线程控制 25.基本的Android安全问题 26.统计图表的实现，柱状图表，线性图表，饼状图表等常见显示，点击并能查看具体显示信息 27.定时更新，刷新的功能，实时接收电脑端系统发送的消息功能...28.所有字体的样式统一，样式问题 29.提示问题，按钮选中时和不选时的样式是不一致的。

    91850

    Android开发常用的一些功能列表

    1.软件自动更新下载，并提示 2.软件登录注册，以及状态保存 3.加载进度提示，页面刷新功能 4.列表呈现和分页，文字，图片，按钮，表格，表单常见元素等，并提供搜索过滤功能，最主要的是数据如何缓存，避免每次都要重新下载...5.详细页面的显示 6.退出功能的提示 7.定位功能 8.短信和打电话功能 9.导航条和菜单功能 10.图片显示和拍照上传功能 11.地图功能。自定义图标，行驶轨迹，当前位置，路径导航，多种地图。...Google ，Baidu，高德 12.文本框，多选框，进度条，弹出窗口，按钮，评分条，选项卡， 13.时间设置 14.两种提示格式，当前页提示，状态栏提示 15.资源文件的使用，样式标识的统一 16.....常用的整套UI页面素材 24.多线程控制 25.基本的Android安全问题 26.统计图表的实现，柱状图表，线性图表，饼状图表等常见显示，点击并能查看具体显示信息 27.定时更新，刷新的功能，实时接收电脑端系统发送的消息功能...28.所有字体的样式统一，样式问题 29.提示问题，按钮选中时和不选时的样式是不一致的。

    1K40

    前后端通吃，vue大全Mark一下

    我们会定期同步OpenDigg上的项目到这里，也欢迎各位提交项目给我们。 如果收录的项目有错误，可以通过issue反馈给我们。这里的项目Star数不是实时更新的，一般是一周更新一次。...封装 vue-chartkick ★53 - VueJS一行代码实现优美图表 cxlt-vue2-toastr ★52 - 弹出提示的Vue2组件 vue-formly ★51 - VueJS的JS表单...vue-spa-template ★344 - 前后端分离后的单页应用开发 Framework7-Vue ★283 - VueJS与Framework7结合 vue-bulma ★215 - 轻量级高性能...★44 - vue中添加用于配合媒体查询的方法 vue-observe-visibility ★42 - 当元素在页面上可见或隐藏时检测 vue-lazy-component ★38 - 懒加载组件或者元素的...★12 - 简单的表单验证 vue-zoombox ★12 - 一个高级zoombox vue-truncate-filter ★10 - 截断字符串的VueJS过滤器 vue-router-storage

    5.8K20

    6种动态报表的应用和制作，偷偷学会，年底惊艳领导和同事

    那些大神们做的动态报表，图表可以各种变化，报表可以随意切换，数据可以实时展示，那么，如何实现的呢？一共是6种动态报表的制作方法。...其实，动态报表的实现方式有很多，大家都会用的Excel配合高级函数以及VBA就能实现，但是用Excel做报表在企业里，如何给别人展示是一个问题，数据更新也是一个问题，数据量大了也成问题。...③ 设置参数的使用，比如你通过参数来控制报表数据的过滤，就要在面板区拖拽组件。...单个模板的图表超链功能，可让用户在同一页面中查看多张关联的图表，实现图表联动的效果，这种联动是自动的，不需重新刷新整个页面。...五、数据地图钻取与联动 1）地图钻取 地图钻取也是很常用的动态报表样式，省级——市级——有两种钻取方式，一种点击钻取： 另一种自动钻取，自动钻取的就是地图放大后自动钻取，无需鼠标点击： 2）地图联动 在地图钻取的基础上

    1.4K00
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券