草庐IT

angular-chart

全部标签

javascript - Angular 中的范围变量和 ng-include 不协调

我有一个文件拖放区来获取文件的数据内容。如果我将$scope.importData设置为null,则无法再在放置处理程序中分配数据。$scope.handleDrop=function(evt){if(window.File&&window.FileReader&&window.FileList&&window.Blob){varfiles=evt.dataTransfer?evt.dataTransfer.files:evt.target.files,file=files[0],reader=newFileReader();reader.onloadend=function(evt)

javascript - OrderBy 日期值,在 Angular JS 中只是字符串

我正在尝试按日期对一些数据进行排序,尽管日期只是字符串,格式为dd-mm-yyyy。我做了一个过滤器,它转换了纯数字字符串(在美国日期格式中,我想要英国日期格式)例如01272012到27-01-2014,但是当我尝试订购它们时它仍然只有将它们视为数字字符串,因此01-01-1990会出现在02-01-2014之前。关于如何在过滤器中执行此操作的任何建议?谢谢!更新我发现如果日期格式是yyyy-mm-dd,日期会自动排序。然后我使用orderBy:['date']对数据进行排序,仅在显示数据时使用我的原始过滤器。我最终不得不反转我的数据,显示最近的日期。为此,我在我的orderBy语句

javascript - AngularJs 和 Angular-UI-Router 路由权限

我面临着如何根据从服务器获取的远程数据实现路由限制的问题。假设我有以下配置文件:angular.module('myApp').config(['$stateProvider',function($stateProvider){$stateProvider.state('post',{url:'/post/:post_id',abstract:true,[...]}).state('post.view',{url:'/view'[...]}).state('post.edit',{url:'/edit'[...]})}]);我的申请要求是:一个帖子有一个所有者(帖子的创建者),它的域可

javascript - 如何测试 Angular 模块的配置功能?

我在要进行单元测试的Angularmodule的config函数中定义了一些设置代码。我不清楚我应该怎么做。下面是一个简化的测试用例,显示了我是如何陷入困境的:'usestrict';angular.module('myModule',[]).config(['$http','$log',function($http,$log){$http.get('/api/getkey').then(functionsuccess(response){$log.log(response.data);});}]);describe('myModule',function(){it('logsakey

javascript - Chart JS 在工具提示中显示 HTML

我一直在研究ChartJS的文档,试图找出当您将鼠标悬停在特定点上时如何修改折线图工具提示的内容。基本上,只要悬停一个点,我就想在所有相同的垂直轴上显示值。我试过这样的事情:tooltips:{callbacks:{label:function(tooltipItem,data){console.log(data);varhtml="";for(vardatasetindata.datasets){html+=""+data.datasets[dataset].label+":"+data.datasets[dataset].data[tooltipItem.index]+"%";}r

javascript - Angular2 路由守卫返回 Observable<bool>,如何处理错误

我有一个像下面这样的路由守卫@Injectable()exportclassAuthGuardimplementsCanActivate{constructor(privaterouter:Router,privateauthenticationSvc:AuthenticationService){}canActivate():Observable{returnthis.authenticationSvc.getAuthenticatedUser().map(r=>{if(this.authenticationSvc.isAuthenticated()){//loggedinsoret

javascript - 如何使用具 Angular materialize-css

我用angular-cli创建了一个angular4元素。我要materialize-css@next图书馆。所以我已经使用安装了它npminstallmaterialize-css@next--save所以这个安装"materialize-css":"^1.0.0-alpha.2",然后在angular-cli.json中我添加了对css和js文件的引用"styles":["styles.css","../node_modules/materialize-css/dist/css/materialize.css"],"scripts":["../node_modules/materi

javascript - 如何使用angular 6和bootstrap 3.3.7创建带有复选框列表的可折叠/可展开/树结构

在这里,我正在尝试在父项和子项上使用复选框的可折叠/树结构,但我无法准确地创建它,我能够从json创建直到无序列表{"properties":{"host":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata":true},"information":{"properties":{"filetype":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata"

javascript - 在 Angular 7 中使用 Highcharts 时出错

我正在尝试highcharts。我通过cli创建了新的Angular应用程序并安装了highcharts和highcharts-angular。我从他们的github页面复制了代码。在第一次运行中,我遇到了以下错误。ERRORinnode_modules/highcharts/highcharts.d.ts(128972,17):errorTS2304:Cannotfindname'PlotNetworkDataLabelsFormatterCallbackFunction'.node_modules/highcharts/highcharts.d.ts(128982,21):erro

javascript - 如何自定义 "not enough columns given to draw the requested chart"消息?

有什么方法可以自定义Google图表以防止它们显示此“红色”消息吗?例如,默默地什么都不画? 最佳答案 Google图表/可视化提供了大量事件、方法和工具,用于自定义错误处理、错误消息等。例如,参见https://developers.google.com/chart/interactive/docs/reference#errordisplay或https://developers.google.com/chart/interactive/docs/examples#querywrapper根据您的要求,最简单的方法是简单地附加一