我将需要一些我的应用程序的基本图表,但如果我能够及时包围它以满足项目要求,我想使用D3JS.我仍在开发我对SVG和D3JS的理解,所以我可以有效地使用它,到目前为止,我已经能够制作一个非常基本的条形图,它采用二维数组,并根据每个数组的长度显示条形图.顶级数组.这非常好用(虽然它可以使用一些装饰/轴标签等).我要处理的下一张图表是饼图,因为它们也非常常见.
基本上我想知道的是,有没有人知道是否有人已经这样做并发布到github(或在其他地方共享源代码)所以我不必从头开始.我意识到D3JS用于进行非常自定义的数据显示,但我真的只想要它的基础知识和定制能力.所有有人都意识到要为D3JS创建指令和/或任何知道D3JS中所有基本图表类型概述的人(我不断寻找复杂的例子,看起来很棒,但我担心我不会理解/从他们那里学习) ).
基本上我只想有一个简单的方法来放入(然后设计)以下图表:bar,line,pie(我不认为其他标准图表类型是受欢迎的).此外,我已经看到了谷歌图表和高图表选项,它们都很好,并且开箱即用,但是我更喜欢构建方法,而不是大多数情况下的条带化.
另外我知道并使用这篇文章来制作我需要的原始条形图(将它与另一个直接的D3JS教程混合)但是有没有人有更多的注意力?
这是我到目前为止的基本条形图:
.directive('barChart', function ( /* dependencies */ ) {
// define constants and helpers used for the directive
var width = 500,
height = 80;
return {
restrict: 'E', // the directive can be invoked only by using <bar-chart></bar-chart> tag in the template
scope: { // attributes bound to the scope of the directive
val: '='
},
link: function (scope, element, attrs) {
// initialization, done once per my-directive …
Run Code Online (Sandbox Code Playgroud) 错误中的错误:模块C的元数据版本不匹配:/projects/youtube-angular/firestore-app/node_modules/angularfire2/index.d.ts,找到版本4,预期3,
我从未见过这个.我试图卸载所有内容并重新安装到最新版本,但仍然出现错误.没有其他人运行该项目似乎有这个问题.所以我猜这是一些本地设置或安装我有错但无法想出这个.
package.json
{
"name": "firestore-app",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^4.2.4",
"@angular/common": "^4.2.4",
"@angular/compiler": "^4.2.4",
"@angular/core": "^4.2.4",
"@angular/forms": "^4.2.4",
"@angular/http": "^4.2.4",
"@angular/platform-browser": "^4.2.4",
"@angular/platform-browser-dynamic": "^4.2.4",
"@angular/router": "^4.2.4",
"angularfire2": "^5.0.0-rc.4",
"core-js": "^2.4.1",
"firebase": "^4.6.2",
"font-awesome": "^4.7.0",
"jquery": "^3.2.1",
"materialize-css": "^0.100.2",
"rxjs": "^5.4.2",
"zone.js": "^0.8.14"
},
"devDependencies": {
"@angular/cli": "1.4.7",
"@angular/compiler-cli": "^4.2.4",
"@angular/language-service": "^4.2.4",
"@types/jasmine": "~2.5.53",
"@types/jasminewd2": …
Run Code Online (Sandbox Code Playgroud) 当我执行以下代码时:
var urlRequest:URLRequest = new URLRequest("http://somehost/with/some/path?andsomequerystring=true");
urlRequest.method = 'POST';
var urlLoader:URLLoader = new URLLoader(urlRequest);
urlLoader.addEventListener(Event.COMPLETE, function(event:Event):void{
trace('sweet');
});
Run Code Online (Sandbox Code Playgroud)
由于存在查询字符串,它将我的显式POST请求转换为GET.如果我删除查询字符串(并作为POST主体的一部分序列化),它会成功发出相应的POST请求.有没有办法阻止它这样做?我的服务器要求使用查询字符串发出POST请求.
请求/准备标准SO间隙
这是一个通用的问题,我道歉,因为我不是一个SO"noob",我意识到这不完全符合格式,如果你可以为这个查询建议一个更好的地方我都是耳朵.如果您选择投票或关闭,请提出替代方案.
题
有人知道已经从AS3中生成PSD文件的项目吗?
背景(如果您只是想回答一个问题,那么下面你可能不在乎的一切,但如果有兴趣我可以用一只手)
我在这里找到了一个AS3 PSD解析器.
对于一些基本的测试,这个工作正常(经过一些调整以避免错误).但是,现在的任务是将此过程反转为编写PSD文件.
当前计划(和总体目标)
我还找到了一个文件格式规范文档.
我现在的计划是从顶部开始,然后按照文档的方式构建文件的每个部分(以及帮助器值对象).由于这将是一个非常耗时的过程,我想知道是否还有其他任何我可以建立的工作.
最终,我的目标是将此代码集成到我已经工作了一段时间的移动绘图项目中.由于它是一个移动项目,我必须处理操作系统杀死我的应用程序以回收内存的可能性,在这种情况下,我需要能够保存/加载应用程序的现有状态(目前有类似于photoshop的BitmapData层,加上很酷,能够打开PSD文件,并从保存图层的photoshop中的设备打开我的文件).
指向实时版本和代码的链接
该应用程序可以在这里下载(免费将保持免费,没有广告,应用程序由爱资助,并希望创建一个很酷的每个人都可以拥有/使用):
仍在开发iOS版本(流程比其他两个商店更复杂)
代码可以在github上找到(FlashBuilderProject/FingerPainting文件夹中的Flash Builder项目文件).
法律
本质上,该存储库中包含的代码都是MIT或Apache许可(将返回到每个作者站点的两倍,以便现在可以复制原始许可证,以防万一).我不是律师,但我相信我现在合法地获得了项目中的所有内容,并且我只是有义务包含许可证并在某些情况下使我的源代码扩展可用.(字体来自谷歌网络字体,直接从谷歌下载Roboto http://developer.android.com/design/style/typography.html).我编写的com.shaunhusain包中的任何代码,你可以假设现在是GPL.如果有更精通法律的人想告诉我,我违法了,怎么样,我会很感激.
其他网站包含和使用的部分包括
存储库中有两段代码,但目前尚未使用,包括来自bytearray.org的GIF解析器/编码器和来自Grant Skinner的ColorMatrix类.
更新 尝试了一段时间后,我最终决定只使用ORA格式,因为它是开放的,而且更简单,并且可以与GIMP和Krita(开源编辑器)一起使用.
我正在开发一个非平凡的应用程序,具有以下文件夹结构:
build (required files such as angular.js)
Gruntfile.js
karma.conf.js
logs/
node_modules/
src/
- app/
- app.js
- module_name/
- module.js
- controllers/
- controller1.js
- controller2.js
- views/
- view1.html
- assets/
- 1.jpg
- styler.css
- components/ (plugged in modules [angular-ui, etc])
- index.html
Run Code Online (Sandbox Code Playgroud)
我的控制器都附加到其父模块.然后在我的app.js文件中需要该模块.
我曾尝试编写一些单元测试,但我似乎一直遇到依赖性问题,因为我尝试测试的控制器需要它的模块,然后该模块需要另一个模块等.
我的问题有几个部分:
如何构建我的karma.conf.js文件以包含必要的文件?具体来说这部分配置:
files: [
'files_to_be_tested.js',
]
Run Code Online (Sandbox Code Playgroud)使用Jasmine,如何使用所有正确的依赖项编写单元测试?例如,我运行以下测试
使用Javascript
using 'strict'
describe('my Module', function() {
describe('myController', function() {
var ctrl, scope;
beforeEach(module('myModule'));
beforeEach(inject(function ($rootScope, $controller) {
scope = $rootScope.$new();
ctrl = $controller('myController', { $scope: …
Run Code Online (Sandbox Code Playgroud) angularjs ×2
angular ×1
apache-flex ×1
d3.js ×1
firebase ×1
http ×1
jasmine ×1
javascript ×1
parsing ×1
photoshop ×1
psd ×1
testing ×1
unit-testing ×1