草庐IT

angular2-highcharts

全部标签

javascript - 带有@HostListener的Angular 4加载事件

这就是我想要做的:import{Directive,HostListener,Input}from'@angular/core';@Directive({selector:'[appResizeWindow]'})exportclassResizeWindowDirective{@Input('appResizeWindow')line_ChartOptions:{};constructor(){}@HostListener('window:resize',['$event'])onResize(event:Event){console.log('Yo');if(event.targe

javascript - 如何找到由四个相同 Angular 组成的二维数组中最大的矩形?

考虑这个数组:[["B","C","C","C","C","B","B","C","A","A"],["B","A","C","B","B","A","B","B","A","A"],["B","C","B","C","A","A","A","B","C","B"],["B","B","B","A","C","B","A","C","B","A"],["A","A","A","C","A","C","C","B","A","C"],["A","B","B","A","A","C","B","C","C","C"],["C","B","A","A","C","B","B","C","A"

javascript - angular 5 - 仅当数组中存在元素时才添加类

在使用ng-for循环时,我想将类添加到项目,前提是项目的id存在于其他一些对象列表中。我试过这样的:item.Id==p.id)">或者这个:item.Id==p.id)?'Flag':''">但它没有编译。请注意,“favoriteList”可能会在“products”之后加载到页面。知道我该怎么做吗?谢谢! 最佳答案 问题出在你的some()方法上,举个例子component.html{{p.name}}component.css.Flag{background:red;}和component.tsproducts=[{"id

javascript - 如何将 JavaScript 图表导出到 Excel 文件 (HighCharts)

我必须将Javascript图表(HighCharts)导出到excel文件中;图表在div中呈现,但excel不呈现javascript生成的html+css内容,仅呈现没有样式的文本。一个解决方案是将图表渲染成图像(jpeg),但我没有成功...谢谢! 最佳答案 HighCharts已经通过与它打包的导出模块支持图像导出功能。Exporting获得它后,您应该能够修改脚本以按照您需要的任何方式保存图像。这当然不是初学者的任务,需要大量修改。如果是我,我会修改响应导出按钮的代码,以便我可以用JavaScript激活它,并传递信息,

javascript - Highcharts 在某些缩放级别不显示数据

我正在使用Highcharts/Highstock绘制大量数据(约10,000个点)。数据由X轴上的Date对象和Y轴上的float对象组成,格式如下:[[(date),1.728],[(date),0.346],...]。日期始终相隔1小时,并且数据中没有间隙。当图表的范围>=21天(这样至少绘制了21天的数据)时,图表会正确显示。但是,只要范围小于该范围,图表就会变为空白并且工具提示将每个点显示为具有0.0的Y值。这些点的Y值确实存在于数组中(我可以在Firebug中看到它们),但它们没有显示在图表上。这是我初始化它的方式:mainChart=newHighcharts.Stock

javascript - 使用 Angular 加载部分页面并编译 Controller

在大型应用程序中,我们的Web应用程序可能会组织成单独的部分页面,以增加我们应用程序的模块化。在某些情况下,使用Angular$http.get或JQuery$.load编译通过XHR或Ajax请求加载的部分页面会引入错误。以我的场景为例,我正在使用KohanaPHP框架,因此我可以在服务器级别控制我的Web应用程序的模块化。像往常一样,所有模板和页面都被分离到View中,将所有HTML、JS和CSS留在表示层上。这将为我在客户端处理上实现JavascriptMVW/MVC堆栈提供极大的灵active,因为我的Web应用程序严重依赖AJAX请求从后端应用程序获取数据。在我的场景中,我使

javascript - 使用 Highcharts 并在没有数据时在图表上方或上方显示消息

我想知道如果没有数据系列,是否有内置或可接受的方式在图表上(或图表所在的位置)显示标签或消息。我在Highcharts文档中找不到任何内容,我试图避免使用jQuery(或一般的JavaScript)来检查结果是否有数据,然后自行更改DOM。如果有帮助或有任何改变,数据将以json形式从MVC3Controller调用中传入。理想情况下,它应该是一条显示在空图表上的消息,以便用户知道那里有一个图表对象。谢谢! 最佳答案 现在有一个官方插件,当没有数据加载到图表中时,在加载消息之后显示“无数据可显示”消息。我发现当允许用户从搜索和过滤表

javascript - Angular 中的根元素是什么?

我写了这样一个指令:app.directive('headersort',function(){return{restrict:'E',scope:{sortBy:'=',title:'='},template:'{{title}}',replace:true,link:function(scope,element,attributes){scope.sortBy=attributes.sortBy;scope.title=attributes.title;}};});我是这样使用它的:我想要的是替换为Product.但是我收到一条错误消息:Templatemusthaveexactl

javascript - 不使用 JQuery 将 Masonry 添加到 Angular

我正在尝试让Masonry作为Angular指令工作,这在网上有部分记录,尽管我在以下代码中遇到以下问题:HTML代码:{{item.name}}{{button.text}}AngularDirective(指令)代码:'usestrict';angular.module('HomeCourtArenaApp').directive('masonry',function($parse){return{restrict:'AC',link:function(scope,elem,attrs){elem.masonry({itemSelector:'.masonry-item',colu

javascript - Cordova 'deviceready' 事件未从 Angular .run block 内触发

我在让“设备准备好”从AngularJS内部注册时遇到问题。我确定这之前是有效的,所以我不确定发生了什么变化。如果我从全局addEventListener调用“deviceready”,它会像这样工作:document.addEventListener('deviceready',function(){localStorage.deviceReadyGlobal=true;});deviceReadyGlobal=true已设置。但是,如果我尝试从Angular中附加它,它永远不会触发,如下所示:app.run(function(){document.addEventListener(