文件名称:progressindicator:使用 Angular JS 的进度指示器
文件大小:62KB
文件格式:ZIP
更新时间:2024-06-23 03:11:24
JavaScript
进度指标 使用 Angular JS 的进度指示器 问题 设计一个如下所示的小部件: 要求 使用呈现小部件/指示器的 AngularJS 指令采用以下输入:预期浮动,浮动实际 0.0 <= 预期/实际 <= 1.0 外弧以实际为准; 用 d3.svg.arc 绘制 橙色,如果实际/预期 >= 25% 和 < 50>= 50% 内弧基于预期; 用 d3.svc.arc 绘制 文字是真实的 前端练习 请实现一个 AngularJS 指令,该指令呈现如图所示的圆形进度指示器。 该指令应该采用两个浮点输入,预期和实际,介于 0.0 和 1.0 之间。 较粗的外圆按实际绘制,较细的内圆按预期绘制。 文字应该是实际的。 内嵌图像 1 请将小部件渲染为 SVG,使用 D3 的弧生成器生成弧,并尽可能使用 CoffeeScript 对其进行编码。 最终输出应尽
【文件预览】:
progressindicator-master
----index.html(2KB)
----LICENSE(18KB)
----assets()
--------js()
--------css()
----README.md(1KB)
----templates()
--------indicator.html(459B)