草庐IT

宽度可变

全部标签

javascript - 如何在 D3 折线图上安装可变长度刻度标签?

这是一个JSFiddle:http://jsfiddle.net/8p2yc/(此处稍作修改的示例:http://bl.ocks.org/mbostock/3883245)正如您在JSFiddle中看到的,沿y轴的刻度标签不适合svg。我知道我可以增加左边距,但问题是我事先不知道数据是什么。如果我只是将页边距设置得非常大,如果数字的长度很短,图表就会显得很尴尬。有没有办法在创建图表时预先计算最大标签宽度以正确设置边距?或者也许有一个完全不同的解决方案?varmargin={top:20,right:20,bottom:30,left:50},width=400-margin.left-

javascript - 获取一段文本中最后一行的宽度

是否有可能以某种方式测量具有多个中断/返回的段落中最后一行文本的长度?Morbileorisus,portaacconsecteturac,vestibulumateros.Donecidelitnonmiportagravidaategetmetus.Nullavitaeelitlibero,apharetraaugue.Nullamiddoloridnibhultriciesvehiculautidelit.Vivamussagittislacusvel[here]->|auguelaoreetrutrumfaucibusdolorauctor.|注意:文本中没有手动中断。它是包裹

javascript - 切换宽度调整大小动画 - jquery

我有和.Div的宽度为300px。我希望div在用户单击触发器时将其宽度调整为100px,并希望在用户再次单击触发器时将其调整为以前的大小。我怎样才能使用jquery实现这个??提前致谢...:)布拉斯特拉尔弗雷德 最佳答案 为点击分配一个变量1,为取消点击分配一个变量0,然后按如下方式使用.click函数:$(document).ready(function(){TriggerClick=0;$("a#trigger").click(function(){if(TriggerClick==0){TriggerClick=1;$("

javascript - 如何遍历不可变映射的不可变映射?

我有一个不可变的mapofmaps。letmapOfMaps=Immutable.fromJS({'abc':{id:1type:'request'},'def':{id:2type:'response'},'ghi':{type:cancel'},'jkl':{type:'edit'}});我怎么能遍历mapOfMaps并获取所有键以打印出来?遍历mapOfMaps的键以获取键的所有内容?现阶段我没有切换到列表的选项。我不知道如何循环键。 最佳答案 使用keySeq()/valueSeq()方法,您可以获得键/值序列。然后你可以用

javascript - 如何使用带有可变查询字符串的 webpack 动态导入?

使用webpack3和react,我可以像这样导入一个文件:import(`src/Main.sass`).then(...dosomething)我有一个用于导入文件的加载程序,它根据查询字符串更改模块内容,我可以像这样成功导入一个文件:import(`src/Main.sass?theme=themename`).then(...dosomething)但是当查询字符串是一个变量时:constthemeQuery='?theme=themename';import(`src/Main.sass${themeQuery}`).then(...dosomething);或constth

javascript - UI-Grid 在页面加载时不会占用 100% 的宽度

我正在使用ui-grid在表格中显示数据。当我加载页面并离开几秒钟然后单击选项卡(包含ui-grid)时,ui-gridcss中断。它不显示ui-grid100%容器的宽度。但是当我加载页面并单击选项卡(包含ui-grid)时。ui-grid显示完美,我的意思是它的宽度是容器的100%。我不知道是什么问题。这是代码,我正在处理:Js:$scope.gridOptions={enableFiltering:true,enableGridMenu:true,enableRowSelection:true,enableSelectAll:true,selectionRowHeaderWidt

javascript - 有没有办法让 ExtJS GridPanel 自动调整其宽度,但仍包含在一些非 ExtJS 生成的 HTML 中?

我想在一个更大的布局中包含一个ExtJSGridPanel,而它又必须在我无法控制的一些预先存在的HTML中的特定div中呈现。根据我的实验,GridPanel似乎只有在Viewport内时才会正确调整自身大小。例如,使用此代码,GridPanel会自动调整大小:newExt.Viewport({layout:'anchor',items:[{xtype:'panel',title:'foo',layout:'fit',items:[{xtype:'grid',//definethegridhere...但是如果我用下面的行替换前三行,它不会:newExt.Panel({layout:

javascript - jquery父容器的宽度

如何将“DOP_ThumbnailGallery_Container”设置为具有父容器的宽度$('.DOP_ThumbnailGallery_Container',Container).width($(Container).width());我试过这种方式/\但它不起作用,它给出了window的宽度;我什至试图overflowhidden的外容器,但它坏了! 最佳答案 或者类似...http://jsfiddle.net/y3597/2/$('#object').width($('#object').parent().width()

javascript - 来自 lodash 下划线或其他库的不可变 _.assign(使用克隆分配)?

在lodash、underscore或其他库中是否有替代方法,其行为方式几乎相同,只是它返回一个新对象而不是改变第一个参数?varo={'user':'barney'}varresult=method(o,{'age':40},{'user':'fred'})//ostill{'user':'barney'}//resultisnow{'user':'fred','age':40} 最佳答案 最常见的做法似乎是使用一个空对象并对其进行赋值,例如:varresult=_.assign({},l,m,n,o,p);这在技术上不是不可变的

javascript - 使用 JavaScript 更改 SVG 对象的高度和宽度

我想在单击按钮时更改svg对象的高度和宽度。我试过了,但它不起作用:functionmodify(){document.getElementById('circle1').style.height="10px";document.getElementById('circle1').style.width="10px";} 最佳答案 在SVG中宽度和高度为元素是属性而不是CSS属性,因此您需要编写document.getElementById('cercle1').setAttribute("height","10px");宽度也类似