草庐IT

angular2-highcharts

全部标签

javascript - Angular AOT : ERROR in ng component html file : Expected 0 arguments, 但得到 1

最初我在发布angular.net核心SPA应用程序时遇到以下错误:Can'tresolverxjs/operatorsinrelease\directives我已经通过将rxjs版本更新到5.6解决了这个问题。现在在发布应用程序时出现以下错误:WARNINGinEnvironmentPlugin-NODE_ENVenvironmentvariableisundefined.Youcanpassanobjectwithdefaultvaluestosuppressthiswarning.Seehttps://webpack.js.org/plugins/environment-plug

javascript - 以 Angular 6 重试 HTTP 请求

我使用拦截器根据每个请求的HTTP响应在显示屏上显示错误消息。intercept(request:HttpRequest,next:HttpHandler):Observable>{constcustomReq=request.clone({//headers:request.headers.set('app-language','en')});returnnext.handle(customReq).pipe(tap((ev:HttpEvent)=>{if(evinstanceofHttpResponse){//processingrequest}}),catchError(resp

javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

使用angular/material6.2.1,我尝试向按钮添加徽章,效果很好。但是,我希望徽章显示Material图标,而不是显示我可以使用matBadge指令设置的纯文本。有谁知道我必须做什么才能实现这个目标?我想我可以使用jQuery,但我想知道是否有更流畅/更简单的方法。 最佳答案 我通过简单地设置f.e.解决了这个问题。按钮上的matBadge="person"。然后在你的css文件中:.mat-badge-content{font-family:'MaterialIcons';}

javascript - 在 Angular 中渲染基于时间的 Observables 而无需压倒性的变化检测

我们的Angular应用程序中有许多组件需要每秒定期显示每个组件唯一的新值(倒计时、时间戳、耗时等)。最自然的方法是创建使用RxJStimer和interval工厂函数的可观察对象。但是,这些会在整个应用程序的每个时间间隔触发Angular变化检测,调用时间间隔函数的次数。如果我们在页面上有几十个组件,这会触发整个应用程序每秒或每个时间段数十次的变化检测,从而产生很大的性能开销。到目前为止,我尝试了两种方法来解决这个问题。对任何一个的好的回答都会非常有帮助——最好是两者兼而有之。我想避免手动触发变更检测,而是依赖于Observables发出的新值,并让异步管道/OnPush变更检测策略

javascript - 如何在所有 api 响应之前以 Angular 7 在页面加载中显示加载指示器?

我在一个页面中有5个API调用。一些api需要20秒才能给出响应。有些需要30秒才能做出回应。有些需要10秒,所以当第一个api给出响应时,第一个api将加载指示器设置为false。然后加载指示器消失。但其他api仍在工作我想显示加载指示器,直到五个api调用响应。你能给我一些完成任务的想法吗?代码:组件.tsloading=true;ngInit(){this.api1();this.api2();this.api3();this.api4();this.api5();}api1(){this.loading=true;this.apiService.api1.subscribe(r

javascript - 无法在 init 上使用 angular2-tree 选择树中的所有复选框

目标:我有一个名为“feeddata”的按钮,所以当我点击它时,数据将被加载我的意思是这里有复选框的树我的要求是当我点击它和数据时,所有的复选框都必须是检查初始化我尝试使用this.treeComp.treeModel.doForAll((node:TreeNode)=>node.setIsSelected(true));但它不工作下面是我的代码click(tree:TreeModel){this.arrayData=[];letresult:any={};letrs=[];console.log(tree.selectedLeafNodeIds);Object.keys(tree.s

javascript - Highcharts 将每个系列的数据标签分开

我有以下高位图表:chart=newHighcharts.Chart({chart:{renderTo:'container',defaultSeriesType:'scatter',zoomType:'xy'},title:{text:'Report'},xAxis:{title:{enabled:true,text:'Score'},startOnTick:true,endOnTick:true,showLastLabel:true,min:-10,max:11},yAxis:{title:{text:'Question',align:'left'},min:0,max:27,re

javascript - 无法显示 Highchart

我对协同工作的Javascript、Rails和JQuery还很陌生。我将在Highcharts上浏览本教程(http://www.highcharts.com/documentation/how-to-use#installation),并尝试显示一个基本图表。这没有发生。在我的home.html.erb文件中我有:在app/views/layouts/application.html.erb我的head里有这个标签:这是/public/highcharts.js中的代码:varchart1;//globallyavailable$(document).ready(function(

javascript - 如何防止 Highcharts 中的列重叠

我认为这是一个一般性问题,不需要从我的highcharts数据中获取太多信息。我想防止列相互堆叠/重叠,我该怎么做?请参阅下面的图片链接了解现在的情况http://highslide.com/forum/download/file.php?id=3157jsfiddle:http://jsfiddle.net/Dzs5q/ 最佳答案 请尝试在此处重现错误@http://jsfiddle.net/jugal/bgNBG/如果列太多,Highcharts默认会巧妙地减小列的宽度以避免重叠。如果您通过指定column.pointWidth

javascript - 如何使用来自 Ajax 请求的 json 数据生成高图(使用 angular js)

我的问题与链接HowtohandleHighchartseventsfromanAngularJSdirective?有关.如果我想从动态数据生成高图怎么办?我的图表对象定义/配置如下,图表:{类型:'酒吧'},系列:[{名称:'A,B,C,D',分数:[1,2,2,3]}],传奇:{启用:假我想从Ajax请求获得的json字符串中动态地提供相应的“名称”和“分数”数据,其形式为,[{"姓名":"A","得分":1},{"姓名":"B","得分":2}]如果我需要提供任何其他详细信息,请告诉我。非常感谢。重新构造问题:我想使用angularjs创建一个高图。我的javascript文件