草庐IT

table-layout

全部标签

javascript - 在 d3.js 中更新 layout.pack

我正在努力思考d3的包布局(http://bl.ocks.org/4063530)。我有基本的布局,但我想用新数据更新它。即收集新数据,将其绑定(bind)到当前layout.pack并进行相应更新(更新/退出/进入)。我的尝试在这里(http://jsfiddle.net/emepyc/n4xk8/14/):varbPack=function(vis){varpack=d3.layout.pack().size([400,400]).value(function(d){returnd.time});varnode=vis.data([data]).selectAll("g.node"

javascript - 带转到页面的 Angular ng-table

我正在使用ng-table设置自定义分页控件。我想要一个只允许有效页码的输入。到目前为止,我有现有的分页。script(type="text/ng-template"id="ng-table-pagination-input")div(class="ng-cloakng-table-pager"ng-if="params.data.length")brul(ng-if="pages.length"class="paginationng-table-pagination")li(ng-class="{'disabled':!page.active&&!page.current,'acti

javascript - 从 console.table() 中删除索引

我正在控制台中查看一组数据。console.table(myArray)始终将索引作为第一列。这在查看对象数据时很好,当索引是键时,但当索引是数组索引时则不行(在我的例子中,它会分散注意力/烦人/从内容中消失)。有没有办法显示没有这个索引的表?可选的columns参数允许只显示想要的列...除了索引。 最佳答案 如MDNWebdocs所示Thefirstcolumninthetablewillbelabeled(index).Ifdataisanarray,thenitsvalueswillbethearrayindices.Ifd

javascript - 更新 d3 Force Layout 中的现有节点

我使用d3创建了一个强制布局,它运行良好。我的初始数据是从一个json文件加载的,图表是用类似于thisd3.jsexample的技术绘制的。:现在图表已显示在屏幕上,我需要根据通过网络套接字接收的数据动态添加、更新和删除节点。我可以使用添加和删除方法,但找不到更新现有节点属性的正确方法。根据我所进行的阅读,我认为正确的技术是更改数据源,然后使用enter()方法更新图表。要更新节点,我正在执行以下操作:functionupdateNode(id,word,size,trend,parent_id){varupdateNode=nodes.filter(function(d,i){re

javascript - d3-js 的 Force-Directed Layout 是否支持图像作为节点?

d3有ademoofaForce-DirectedGraphLayout.我希望图中的所有节点都是图像,而不是圆圈。所以,我变了.append("svg:circle").attr("class","node").attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",5).style("fill",function(d){returnfill(d.group);}).call(force.drag);到.append("xhtml:img").attr("src","http://a

javascript - 未调用 ES6 angular-meteor ng-table getData 函数

我正在尝试将我的代码重构为ES6。我正在使用angular-meteor和ng-table。重构前,数据显示在表格中。但是,重构为ES6语法后,数据不再显示。这是重构代码的片段:classMyController{constructor($scope,$reactive,NgTableParams,MyService){'ngInject';$reactive(this).attach($scope);this.subscribe('myCollection');this.myService=MyService;this.helpers({items(){returnthis.mySe

javascript - 如何从异步调用中填充 ng-table 上的选择过滤器

tl:dr如何使用ajax/json填充包含“选择”过滤器的ng-table?Plunkshowingtheproblem:http://plnkr.co/Zn09LV详情我正在尝试掌握AngualrJS和ng-table扩展,虽然我可以得到一些带有工作过滤器的漂亮表格,当我使用javascript中定义的静态数据时-一旦我开始尝试加载将真实数据放入表中我遇到了障碍。ng-table的主体已正确填充,只要我只使用文本过滤器,一切似乎都在工作:{{user.Name}}工作得很好。但是,如果我更新它以使用选择过滤器:{{user.Name}}我遇到了一个同步问题,因为Names变量总是在

javascript - 未捕获的类型错误 : table. search(...).draw 不是函数

向jQueryDataTables插件添加了过滤功能,但效果不是很好。我想要两个链接来搜索特定搜索词的记录。为了弄清楚如何做到这一点,我首先尝试使用thisexample.它使用输入字段来搜索表中的值。它会生成此错误:UncaughtTypeError:table.search(...).drawisnotafunction我的代码:$(document).ready(function(){$('#store-list').dataTable({"sPaginationType":"full_numbers"});vartable=$('#store-list').DataTable(

javascript - 如何使用 javascript 选择 <table> 的 <td>?

我知道这是一个非常简单的问题,但我无法在任何地方找到答案。只有答案是使用jQuery的,而不是纯JS的。我已经尝试了下面的代码,但它不起作用。我不知道为什么。vart=document.getElementById("table"),d=t.getElementsByTagName("tr"),r=d.getElementsByTagName("td");这也行不通:vart=document.getElementById("table"),d=t.getElementsByTagName("tr"),r=d.childNodes;我做错了什么?执行此操作的最佳方法是什么?编辑:我确实

【ElementUI 表格 性能优化】table页面加载慢、渲染卡顿问题(分析说明)

【ElementUI表格性能优化】table页面加载慢、渲染卡顿问题(分析说明)element表格性能优化(提升页面加载速度)关于element表格组件的加载、渲染原理:element表格组件渲染加载慢·原因分析统计:(含优化建议)通用工具栏组件的定义及影响:例如项目内某个单页面应用内除了使用了table组件,还定义了通用的其他工具栏组件(下拉框组件、单选框、复选框组件,等等);是否渲染了工具栏组件(下拉框组件、单选框、复选框组件,等等)el-select、el-option组件导致的渲染慢、卡顿问题:间接性解决办法el-table的每一列是否重复循环使用el-select、el-option