草庐IT

angular-chart

全部标签

javascript - Chart.js v2 有没有办法水平绘制条形图?

我正在尝试使用chart.jsv2创建水平条形图。在浏览网页大约两个小时后,我没有任何结果。有没有办法像这样从左到右绘制图表? 最佳答案 现在这是Chart.js2.1的一部分!图表类型是horizo​​ntalBar(带有小写的h)。varconfig={type:'horizontalBar',data:{...fiddle-http://jsfiddle.net/gpxjohup/原始答案预览脚本大部分代码是Chart.js库中bar的代码副本,其中交换了x/y和宽度/高度。感谢@ZachPanzarino帮助处理轴标签!Ch

javascript - 是否可以在 Angular 2 中动态更改全局样式表?

是否可以动态更改全局样式表?编辑:目的是让用户选择他喜欢的样式。在Angular1中,我能够将Controller包裹在head标签周围并在其中使用绑定(bind)。示例如下(简化代码):index.htmlTitle...应用程序Controllerapp.controller('AppController',['$scope',function($scope){$scope.current=dynamicValue;}]);这在Angular2中可行吗? 最佳答案 我最终使用了Igor提到的DOCUMENTtokenhere.从

javascript - Angular2指令修改点击处理

我正在尝试编写一个Angular2属性指令来修改某些元素的行为。更具体地说,我想将属性应用于具有点击处理程序的某些元素,并防止绑定(bind)函数在特定条件下执行。所以现在我有一个元素,例如:onClick是在托管按钮元素的组件上声明的一个函数,该组件执行某些操作。我想做的是写这样的东西:并有一个像这样的指令:@Directive({selector:'[online-only]',})exportclassOnlineOnlyDirective{@HostListener('click',['$event'])onClick(e){if(someCondition){e.preven

javascript - 上传和读取文件客户端, Angular 2

我需要来自用户的日志文件,以便我可以阅读和分析这些文件。例如某种拖放区,用户可以在其中拖放文件,然后我可以用javascript读取它?我使用Angular2rc5。我有node.js在后台运行,但我不需要那里的数据。我只在客户端需要它。是否可以仅使用前端技术(如angular2和javascript)读取和解析文件内容?还是我必须将文件上传到服务器并在那里进行分析? 最佳答案 这是可能的!我最终是这样做的。这将读取使用文件对话框选择的所有文件。我不需要将这些发送到node.js。我可以在客户端上操作这些。openFile(even

javascript - Angular 2调用多个异步方法

我有一个正在构建的移动应用程序,现在我正在处理身份验证。在我访问主页之前,我需要访问我构建的API上的各种端点,然后才能向用户显示数据。在Postman中测试时,所有端点都返回正确的数据,但是当我在我的应用程序中使用它时,我在第二次异步调用中得到了一个null值。我确信这与调用这些调用的顺序有关,所以我只是在寻求一些帮助,了解如何正确地等待一个调用完成,然后再开始另一个调用。publiclogin(){this.showLoading();this.userService.getUserIdFromUserName(this.registerCredentials.username)/

javascript - 基于选择下拉列表的 Angular 2-Filtering 表(两者都是不同的组件)

我正在尝试根据选择下拉组件传递的值来过滤数据表组件。我正在使用@Input()属性,但所选的下拉数据未传递给数据表组件。如果通过,我将能够使用以下逻辑过滤表格:不确定我哪里做错了。onChangeDetected(val){this.someData=this.someData.filter(x=>x.value==val)}可以找到完整的实现here 最佳答案 我已在thisplunker中更正了您的问题.现在数据已传递,数据会根据您选择的值发生变化。随意环顾四周并在Angular的网站上寻找解释。//Mandatorycodew

javascript - Angular.js - 从输入中过滤无效字符的 Controller 函数在输入有效字符之前不会删除字符

我已经为我在这里遇到的问题创建了一个JSFiddle:http://jsfiddle.net/9qxFK/4/我有一个输入字段,我只想允许小写字母、数字和连字符(该字段将在URL中使用)。为了做到这一点,我有以下angular.jsController方法:$scope.auto_slug=function(){$scope.slug=$scope.slug.toLowerCase().replace(/[^a-z0-9\-\s]/g,'').replace(/\s+/g,'-');};仅当在无效字符后键入有效字符时,才会删除无效字符。谁能告诉我为什么这不起作用?谢谢,斯科特

javascript - Angular 资源测试 : $httpBackend. flush() 导致意外请求

我想测试angularjs资源。'usestrict';/***AddressServiceprovidesfunctionalitytouseaddressresourceineasyway.**Thisisanexampleusageofmethod:**`get`:*vara=AddressService.get({id:'1'},function(data){//Workherewithyourresource});**/App.factory('AddressService',function($resource,$rootScope){varurl=[$rootScope.

javascript - 如何在 chart.js 或 D3 中制作阶梯线或阶梯图?

我可以在Google电子表格中完成此操作,下面是屏幕截图:这是CSV格式的小数据集BuyPPU,SellPPU,NetPPU0.023,0.019,-0.0007250.026,0.0165,-0.0037250.021,0.021,0.007350.015,0.0165,0.01470.021,0.028,0.01680.018,0.028,0.0198jsFiddle基本配置:http://jsfiddle.net/kaatula/j3FJf/1/Chart.js文档:http://www.chartjs.org/docs/D3文档:http://strongriley.githu

javascript - 插入百分比 charts.js donut

我在使用charts.js库,想知道如何在圆环图的孔中添加一些标记(比如百分比)-我的jsjQuery(document).ready(function(){vardata=[{value:5,color:"#A1638C",highlight:"#BF7AAF",label:"DíasCompletados1/21"},{value:95,color:"#07659A",highlight:"#4190BA",label:"Díaspendientes20/21"},]varctx=jQuery("#myChart").get(0).getContext("2d");varmyDou