jjzjj

ng2-charts

全部标签

javascript - ng-click 与 Angular 中的 watch

我有一个加载JSON文件然后使用该数据创建HTML5Canvas绘图的指令(即json数据包含文本、颜色、位置等内容)。我还有许多输入字段(文本、slider等),允许用户操作绘图。我看到我可以$watch这些元素中的每一个或使用ng-click并调用一个函数-有推荐的方法吗?一些可能相关的注释:表单元素和Canvas都是同一个指令模板的一部分表单元素对变化使用react,因此没有提交按钮这些表单元素值中的每一个都经过检查,可能会进行转换,然后修改json字符串。然后我调用一个刷新函数,用新数据重新加载我的Canvas。我也有可能以错误的方式处理这个问题......

javascript - Google Charts - 如何在 options.series 中传递动态变量?

我正在制作一个使用GoogleCharts图形的报告工具。我想创建组合图表,但数据的数量是动态的,所以我必须在options.series中传递一个变量“nbEGP”:/*CréationdegraphiqueGoogleChart*/functiondrawChart(array,title,div,type,nbEGP){vardata=newgoogle.visualization.arrayToDataTable(array);//Setchartoptionsvaroptions={'title':title,'width':'80%','height':'600',seri

javascript - 从 RouteProvider 定义 ng-view ="NAME"

我真的是Angular的新手,我有一个关于将模板或URL发送到ng-view的小问题。但是我打算做的方式可能必须在我的基本模板中使用ng-view。当我的模板库是这样的时候:我的JS看起来像:varapp=angular.module('myApp',[]).config(['$routeProvider','$locationProvider','$httpProvider',function($routeProvider,$locationProvider,$httpProvider){$routeProvider.when('/home',{templateUrl:'/conta

javascript - 将时间格式化为小时 :minutes on a Google Charts y-axis

我有一个Google图表,其中y轴以分钟为单位。如何设置y轴的格式以便标签以类似2hrs40的格式显示时间,或2:40,或类似的东西?我不想以原始分钟显示时间,也不想将它显示为像“1.5”这样的小数90分钟。documentation告诉我使用ICUPatternSet,但我无法从该页面中找出答案。这可能吗?如果我不能像这样直接格式化时间,有没有办法在事后通过更改来“破解”图表?使用Javascript的元素? 最佳答案 格式化选项不允许您这样做。但是,您可以使用vAxis.ticks选项手动指定要用于刻度线的值以及要用来表示这些值

javascript - AngularJS 和 i18n : apply ng-repeat filters after translating list items properties

JSFiddle:http://jsfiddle.net/X2fsw/2/我尝试使用angular-translate创建多语言AngularJS应用程序.我的代码中嵌入了一个静态项目列表。此列表的每个项目都有一个标题,该标题必须以当前选择的语言显示。翻译是在翻译服务的帮助下直接在View中完成的。示例:{{myObject.title|翻译}}。我希望使用ng-repeat显示列表,然后按项目标题过滤它。但是,过滤器应用于翻译键,而不是翻译后的字符串。在保持运行时切换语言的能力的同时更正此行为的最佳方法是什么?我可以在每次语言更改时将翻译后的字符串存储为另一个属性(例如myObjec

javascript - d3JS : Plot lower-density data version of a large data set when zoomed out on line/area chart

我正在创建一个类似于MikeBostock's的图表可缩放面积图。对于我的特定项目,我有一组传感器,每30秒记录一次值(温度、光线、湿度和声音)。我有缩放实现工作,但是当我缩小到一年的比例时,图表的密度会减慢浏览器的速度并且图形也不会读取。如何编辑脚本,使折线图的密度相对于缩放量发生变化?换句话说,x域控制着值(value)线上的点数。当我放大到一个小时的时间范围时,我想要全密度(每30秒记录一次),而当我缩小时,我想要低得多的密度(每天记录一次)。有任何想法吗?使用上面链接中的脚本实现会很有帮助。谢谢!svg{font-size:10px;}.axis{shape-rendering

javascript - ng 表类型错误 : Cannot set property '$data' of null

我正在使用ng-table显示来自API调用的信息,我将其分组,就像website上的示例一样.但是,网站上的示例使用了静态信息,因为我每次都需要进行新的API调用。当我不包含$scope.$watch('groupby',function(value)函数时,我可以在第一次初始调用时显示表格。angular.module('myApp.controllers',['ngTable','ui.bootstrap','dialogs']).controller('HomeCtrl',function($scope,$log,$rootScope,$modal,TimeService,Ev

javascript - ng-repeat:用数组填充下拉选项

我有一个简单的JavaScript对象,如下所示:$scope.obj={"'Architect'":["asdf","d","e","y"]};我想在选择框中显示'Architect'的值。但是,在尝试执行ng-repeat时,单引号让我失望。{{row}}这不会填充选择框,它只是显示一个空的选择框。我假设它将单引号解释为字符串文字,但即使我添加单引号并转义它们,它仍然无法按预期工作。我错过了什么吗?Hereisasampleplunker: 最佳答案 转义引号Howtoproperlyescapequotesinsidehtml

javascript - ng-options 选择列表值设置为我选择的 id 并将其与 ng-model 正确绑定(bind)

使用angular我想创建一个选择列表,其值采用我选择的id(对象的实际id属性),我想用ng-model指令正确绑定(bind)它。这是我试过的:$scope.People=[{name:"Fred",id:1},{name:"Joe",id:2},{name:"Sandra",id:3},{name:"Kacey",id:4},{name:"Bart",id:5}];$scope.setTo1=function(){$scope.selectedPersonId=1;}http://jsfiddle.net/b7dyadnr/这里selectoptionvalue是正确的值(val

javascript - 调用函数时 Angular ng-keyup 不起作用

我有这个代码:它不会调用搜索功能,因为如果我执行ng-click="search()"它会起作用。这是为什么? 最佳答案 ng-keyup对我来说非常好。有关示例,请参见此fiddle:http://jsfiddle.net/r74a5m25/代码:Hello:functionMyCtrl($scope,$log){$scope.search=function(){alert('test');};}确保您拥有最新版本的Angular以便使用ng-keyup。看起来它从版本1.0.8开始可用。