草庐IT

qiun-data-charts

全部标签

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 - React JS this.props.data 未在子组件的 getInitialState 中定义,即使它是在渲染中定义的(并且在父级中定义)

场景:在同一个祖父包装器(->)中重用组件(->)以实现代码重用。首先,我分配了一个数据数组并循环以重新使用子组件(->)。对于第二个,它只是一个对象(具有与数组对象相同的属性),我直接在渲染中分配它(不需要this.props.data.map循环,因为已经只有一个对象)。问题:对于阵列,一切都按要求工作。this.props.data传递给child,状态通过各种事件更新,一切都很好。然而,对于单个对象,在之前一切正常.即使this.props.data包含有效值并正确分配给child组件,在的getInitialState,它莫名其妙地未定义(或设置为的getInitialSta

javascript - canvas.toDataUrl() 返回 'data:,'

我正在尝试调整图像大小并使用canvas.toDataUrl()取回base64字符串表示形式。我的代码如下(见下文)。我的问题是,每次我第一次启动它时,它都会返回“data:,”。然后,当我重新调整大小(使用按钮调用)时,它工作正常,并返回一个非空的base64字符串。这是怎么回事?functiondrawAndResizeFunction(images)varqDraw=$q.defer();//1drawCanvasWrapper().then(function(canvasData){qDraw.resolve(canvasData)});//2functiondrawCanv

javascript - 多次复制 Canvas : clone the canvas or copy the image data?

我的一个界面元素正在使用HTML5渲染元素和关联的JavaScriptAPI。此元素在同一屏幕上的多个位置以及整个应用程序的多个屏幕上使用。在需要的地方显示它的最有效方法是什么?我的第一个想法是绘制到主Canvas上,然后将其复制并插入页面中需要的位置。主Canvas可能是这样的:varmaster=$('').attr({width:100,height:100}),c=master[0],ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);假设我想复制这些div中的Canvas容器:....

javascript - 嵌套 forEach : Uncaught TypeError: data. forEach 不是函数

我不想使用任何for循环或任何常规循环,我正在尝试使用forEach但出现错误UncaughtTypeError:data.forEachisnotafunctionreturnfalsyData.map(function(data){data.forEach(function(key){if(key.match(reg)){returnkey;}});});但如果我这样做,它会起作用:returnfalsyData.map(function(data){for(varkeyindata){if(key.match(reg)){returnkey;}}});为什么?

javascript - chart.js 颜色不渲染

我正在尝试使用chart.js创建一个简单的实时折线图/散点图,z-indexed作为我的应用程序的背景。出于某种原因,它呈现为不透明的灰色,而不是我指定的淡红色。而且,即使我尝试更改其他图表元素和默认值,图表始终是灰色的。我确定这是一个微不足道的修复,但我无法弄清楚。这里是JSBin的链接具有完整代码。(您需要在图表显示任何数据之前设置并启动计时器)此外,更具体地说,这是与创建图表相关的JS代码:varctx=document.getElementById('canvas').getContext("2d"),points=[{x:0,y:0}],lineData={datasets

javascript - 使用 JavaScript 从 HTML5 data-* 属性获取 JSON 对象

这是我的HTML:到目前为止,这是我的JavaScript:vara=document.querySelectorAll('[data-setup]')for(vari=0;i这会提醒:ALERT:{"method":"checkbox"}但是我怎样才能访问JSON“方法”?我想基本上能够提醒“复选框”这个词。任何帮助表示赞赏。 最佳答案 JSON.parse将是从该JSON创建适当对象的最简单方法:for(vari=0;i当然,这在旧版浏览器中不起作用,因此如果您需要那种浏览器支持,则需要填充它。道格拉斯克罗克福德有垫片here,

javascript - Angular : Watch Service for data changes?

我有一个定义如下的服务:appServices.service('SharedData',function(){vardata={};functionsetContacts(contacts){data.contacts=contacts;};functiongetContacts(){returndata.contacts;};return{setContacts:setContacts,getContacts:getContacts};});在另一个Controller中,我按如下方式访问数据:$scope.contacts=SharedData.getContacts();一切都

javascript - 从 Chart.js 的数据点进一步移动工具提示?

我今天开始弄乱Chart.js,到目前为止,它的易懂性给我留下了深刻的印象,即使对于像我这样的JavaScript初学者也是如此。我想在工具提示和图表上的数据点之间添加一些水平间距。默认情况下,插入点接触数据点。我想不通。我知道有一个position选项,但我不太明白它是如何使用的。我也尝试使用tooltips:{x}选项,但也没有成功。我猜我误解了那是干什么用的。下面是我到目前为止的一张图表...谢谢,感激不尽!//GlobalChart.jsoptionsChart.defaults.global.defaultFontFamily='Lato';Chart.defaults.gl

javascript - Array.map() 与 d3.selectAll().data.enter()

我试图了解使用d3.selectAll.data.enter()循环遍历数据集并绘制它的好处。vardata=[4,8,15,16,23,42];varx=d3.scale.linear().domain([0,d3.max(data)]).range([0,420]);letchartsvg=d3.select(".chart").append("svg");chartsvg.selectAll("rect").data(data).enter().append("rect").attr("x",0).attr("y",function(d,i){return25*i;}).attr