使用HTML5画布实现的超棒javascript动画仪表板：gauge.js - GBin1中文互联 - ITeye博客

`

jjfat

浏览: 264492 次
性别:
来自: 北京

最近访客更多访客>>

gdtiti

wqp310520

Csupport

jihong10102006

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

jjfat：暖风清扬写道用过一次使用ajax 跨域请求接口中的json数 ...
前端常见跨域解决方案
暖风清扬：用过一次使用ajax 跨域请求接口中的json数据。但是返回的 ...
前端常见跨域解决方案
IceWee：扫噶，原来如此，老外也耍流氓啊！
Facebook在代码里下毒，百度身受重伤。。。
add2ws：转100圈也不会晕，，笑了。。
现在的人工智能逆天到什么地步了？
wd401169447：强大！学习了多谢
超棒片状过渡效果的jQuery图片幻灯插件 - jq-tiles

使用HTML5画布实现的超棒javascript动画仪表板：gauge.js

旋钮仪表板 javascript仪表板类库 gauge.js

阅读更多

今天我们分享来自guage.js的超棒动画仪表板实现，这个类库使用html5画布来生成动态的自定义仪表板。不依赖于任何类库也不实用任何的CSS或者图片，完全使用画布生成。

拥有两套不同的UI，一个是仪表盘，一个类似原来我们介绍的jQuery knob界面。支持UI元素自定义你可以生成自己需要的颜色格式。

使用HTML5画布实现的超棒javascript动画仪表板：gauge.js

标签：旋钮, 仪表板, javascript仪表板类库, gauge.js

分享到：

HTML5发展历史信息图 - 帮助你更形象化的 ... | 一张超诡异的HTML图片“松鼠” - 是图片同 ...

2012-08-08 10:43
浏览 924
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

gauge.js：100％原生且酷炫JavaScript标尺: gauge.js 100％原生且酷炫的动画JavaScript / CoffeScript量规。没有图像，没有外部CSS-纯画布没有依赖关系高度可配置分辨率独立动画规格值更改在所有主流浏览器中均可使用麻省理工学院执照用法 var opts ...

Chart.Gauge:chart.js 的仪表图类型: 图表仪表仪表图表类型演示演示安装在您的页面中的 chart.js Chart.Core之后包含src/Chart.Gauge.js文件。 Gauge 图表类型现在将作为Chart.Gauge用法 var gaugetData = [ { value : 50 , color : "#c50200" , label :...

chartjs-gauge:Chart.js的量规图: chartjs-gauge 简单量规图样品安装纱线安装： yarn add chart.js chartjs-gauge npm install： npm install --save chart.js chartjs-gauge 配置选项量规表基于“ 类型。它定义了以下其他配置选项。这些选项...

Gauge:Gauge 小部件是使用 javascript d3.js 的谷歌风格仪表，来自 http: Wakanda 的##Gauge 小部件Gauge小部件是使用 javascript d3.js 的谷歌风格仪表，来自。特性仪表小部件具有以下属性： Source ：用于设置仪表值的属性（数字）类型的数据源。名称：仪表内显示的文本。默认情况...

GaugeMeter：使用jQuery构建的优雅而动态的动画图形仪表。 GaugeMeter.js是高度可定制的，包括全径，半径和弓形表盘: 用jQuery构建的优雅而动态的动画图形仪表。 GaugeMeter.js是高度可定制的，包括全径，半径和拱形表盘。演示：回购：这： : GaugeMeter.js功能只是一个脚本，没有依赖关系。内置主题。 HTML5呈现Canvas...

d3-radial-gauge:D3.js中的径向规: 这是我使用JavaScript库D3.js实现的径向规。它对原始版本进行了改进，并增加了更多选项。查看预览。它还遵循D3的“迈向可重用图表”指南，因此可以更好地封装量规的代码。它的灵感来自于Google的径向测量仪和...

Dundas.Gauge.for.ASP.NET.Edition.v1.6.2.35VS05: 很好的仪表盘控件，功能十分强大大家用用看，有什么问题大家一起学习学习

gauge-1.4.1-windows.x86_64.exe: Gauge是一种轻量级的跨平台测试自动化工具，可以以业务语言编写测试用例。 Android安装的是插件 https://docs.gauge.org/getting_started 16:16 Error running 'Specifications': Cannot run program "gauge" (in ...

Amcharts的gauge.js: Java页面展示柱状图、折线图、饼状图所需js，Amcharts

Dundas.Gauge.ASP.NET.VS2008: Dundas 控件 Dundas.Gauge.for.ASP.NET.Edition

Dundas.Gauge.for.ASP.NET.Edition.v2.5.2.200 For VS2008 PART2: Dundas Gauge for .NET提供全范围的Gauges(仪表盘)和指示器(Pointers)，给您的应用程序一个更加富有意义的方法实时显示KPI(关键性能指示)，数字仪表板和其他关键数据。Dundas Gauge for .NET可提供Windows Forms和...

跨平台测试自动化工具Gauge.zip: Gauge 是 Go 开发的一个跨平台测试自动化工具。它给作者提供了用商业语言测试用例的能力。关键特性：基于 markdown 的丰富的标记支持用任何程序语言来编写测试代码。在 Test Code 查看当前支持的语言支持 plugin 的...

Dundas.Gauge.for.ASP.NET.Editionfor VS2008 PART1: Dundas Gauge for .NET提供全范围的Gauges(仪表盘)和指示器(Pointers)，给您的应用程序一个更加富有意义的方法实时显示KPI(关键性能指示)，数字仪表板和其他关键数据。Dundas Gauge for .NET可提供Windows Forms和...

Dundas.Gauge.for.ASP.NET.Edition.v2.5.2.200 for VS2008 PART3: Dundas Gauge for .NET提供全范围的Gauges(仪表盘)和指示器(Pointers)，给您的应用程序一个更加富有意义的方法实时显示KPI(关键性能指示)，数字仪表板和其他关键数据。Dundas Gauge for .NET可提供Windows Forms和...

gauge:基于终端的水平线又名，进度条: 一个几乎无状态的基于终端的水平仪表/进度条。 var Gauge = require ( "gauge" ) var gauge = new Gauge ( ) gauge . show ( "working…" , 0 ) setTimeout ( ( ) => { gauge . pulse ( ) ; gauge . show ( ...

canvas-gauges：HTML5 Canvas Gauge。使用纯JavaScript和HTML5画布的高度可配置仪表的微小实现。没有依赖关系。由于代码量最少，因此适用于物联网设备: 这是使用纯JavaScript和HTML5画布的高度可配置表的极小的实现。没有依赖关系。由于代码量最少，因此适用于IoT设备。安装可以使用npm软件包管理器简单地安装画布规。根据您的需要，可以安装整个量规库，也可以只...

D3-Radial-Gauge:D3.JS 径向规: D3.JS 径向规以下是可根据您的需要更改其默认值的属性列表： var settings = $.extend({ width: 300, innerRadius: 130, outterRadius: 145, majorGraduations: 6, minorGraduations: 10, ...

D3_demo:D3.js绘制的图表: 启动 how to use npm install npm start ...文档 Doc 简单的D3图表示例(整理不易，点个star，这次一定) 直方图 (barChart) ...仪表图 (gauge) 旭日图 (sunburst) 盒须图 (boxplot) 热力图 (heatMap) 关系图 (graph)

非常精美的h5 进度条: <script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> <h1>jQuery炫酷图片预览Lightbox插件 <span>A jQuery plugin designed to provide gallery view for ...

gauge-chart-js:基于chart.js甜甜圈图的仪表图实现: 标尺图表js 基于chart.js甜甜圈图的仪表图实施，像这样工作

Global site tag (gtag.js) - Google Analytics