小编Lar*_*off的帖子

什么是react.js友好的动态列表重新排序的方式?

我有一个带分数的项目列表,按分数排序,由react.js呈现为垂直方向的矩形项目列表(顶部最高分).对各个项目进行悬停和其他点击可能会显示/隐藏额外信息,从而更改其垂直高度.

新信息到达时会略微改变分数,使得某些项目在重新排序后排名更高,而其他项目则更低.我希望这些项目可以同时动画到新的位置,而不是立即出现在新的位置.

是否有推荐的方法在React.js中执行此操作,也许使用流行的附加组件?

(在使用D3的类似过去​​的情况下,我使用的技术大致是:

  1. 以自然顺序显示具有项目DOM节点的列表,具有相对定位.通过相对定位,其他小的变化 - CSS或JS触发 - 对个别项目的程度会按预期转移其他项目.
  2. 在一个步骤中改变所有DOM节点,使其实际相对坐标成为新的绝对坐标 - 不会导致视觉变化的DOM更改.
  3. 将其父项中的DOM节点重新排序为新的排序顺序 - 另一个不会导致视觉变化的DOM更改.
  4. 根据新排序中所有前面项目的高度,将所有节点的顶部偏移设置为其新计算值.这是唯一视觉活跃的步骤.
  5. 将所有项DOM节点变回非偏移相对定位.同样,这不会导致视觉上的变化,但是现在相对定位的DOM节点,在底层列表的自然顺序中,将通过适当的移位来处理内部悬停/扩展/等样式更改.

现在我希望以React-ish的方式产生类似的效果...)

javascript css jquery reactjs

45
推荐指数
5
解决办法
2万
查看次数

如何将d3.js图转换/保存为pdf/jpeg

我正在使用客户端/ javascript函数将现有的D3-SVG图保存或转换为文件.我经常搜索并找到一些建议,主要是使用canvas.toDataURL().

我没有<canvas>在我的页面中,而是使用:d3.select("body").append("svg").... 我也尝试将SVG附加到<canvas>但没有任何反应.

你能帮我解决这个例外:

Uncaught TypeError: Object #<SVGSVGElement> has no method 'toDataURL' 
Run Code Online (Sandbox Code Playgroud)

谢谢

svg pdf-generation d3.js

30
推荐指数
3
解决办法
6万
查看次数

如何写与来自R的孩子的json

我想将R data.frame转换为JSON对象,以便使用它来使用d3.js准备数据可视化.我发现了许多问题,询问如何将JSON引入R,但很少有关于如何将数据从R写入JSON的问题.

一个特殊的问题是JSON文件需要使用因子嵌套,即data.frame的列.我认为从嵌套列表编写可能是一个解决方案,但我已经无法从data.frame创建嵌套列表:(

我有预制红外线的例子:

这代表我的data.frame(称为"MyData").

ID  Location Station   Size Percentage
1     Alpha    Zeta    Big       0.63
2     Alpha    Zeta Medium       0.43
3     Alpha    Zeta  small       0.47
4     Alpha    Yota    Big       0.85
5     Alpha    Yota Medium       0.19
6     Alpha    Yota  small       0.89
7      Beta   Theta    Big       0.09
8      Beta   Theta Medium       0.33
9      Beta   Theta  small       0.79
10     Beta    Meta    Big       0.89
11     Beta    Meta Medium       0.71
12     Beta    Meta  small       0.59
Run Code Online (Sandbox Code Playgroud)

现在,我想把它变成类似这种有效的json格式,包括子节点:

   {
 "name":"MyData",
 "children":[
   {
     "name":"Alpha",
     "children":[
        {
           "name":"Zeta",
           "children":[ …
Run Code Online (Sandbox Code Playgroud)

format r

17
推荐指数
1
解决办法
5785
查看次数

如果新构建在管道中等待,如何强制Jenkins跳过下游作业?

我在Jenkins的构建管道分为三个部分:

  1. 构建代码
  2. 将代码部署到环境中
  3. 运行自动功能测试

我已经设置了它,以便可以发生并发构建,如果#2或#3当前正在为另一个构建运行,构建管道将阻止构建进入#2.

我希望能够做的是设置Jenkins以便在有多个构建等待时进行处理,并且#2和#3完成,因为只有LATEST构建才能进入#2和#3.

有没有办法开箱即用?如果您有"持续交付"一书,我正在尝试做的是实现p上的内容.118 - p.119

jenkins

12
推荐指数
1
解决办法
9169
查看次数

alt和title不显示为svg路径的工具提示

我有一些svg路径:

<path class="country" id="BLR" title="Belarus" alt="Belarus" d="M948.0142678672362,369.7256153651123L956.0315144997886,372.7549948212553L955.6251153181965,376.68106491420883L956.6993702966163,377.46634055469417L958.4144244330968,381.52092337306806L959.8614899624631,381.6111705103533L961.4358247718692,383.8516898475525L959.6328069741484,385.0654037682009L957.3752698953709,384.53552051711677L958.4665656000917,390.0076939606045L955.9148066459876,390.24630230981074L954.0730841220384,394.2297858860991L953.163550030379,393.0762648682822L950.333965883297,393.353478804788L943.9500919704785,392.13801133565164L939.2092506948762,390.2052953894462L934.5569856401167,390.2170281135237L931.9231336584982,391.7484512915885L932.3814647774813,388.98495674038986L931.0289993180527,387.81385807072303L933.4265401596901,386.10558265025156L933.7995387046943,384.91739193713676L933.1171566924312,379.6478010722885L935.6115604269471,380.1186619031289L939.5640872868389,378.3386011842294L940.8357423463007,375.41130363641486L942.8397126276869,373.56246283729985L943.307715755223,371.87935555833474L946.3215777553021,371.35369709054953Z"></path>
Run Code Online (Sandbox Code Playgroud)

每个路径都有title和alt.当我将鼠标移到Firefox中的路径上时,我会得到带有国家/地区名称的小工具提示.但是当我在IE或Chrome中这样做时,没有任何反应.有谁知道为什么,拜托?

html svg

12
推荐指数
1
解决办法
1万
查看次数

在Linux上使用Node.js访问SQLServer

我正在尝试使用Node.js和Express编写REST服务,我需要连接到SLQServer 2000数据库.根据他们的说法,我已经尝试过Microsoft连接器但它不能在linux上工作:

用于SQL Server的Node.JS的Microsoft驱动程序目前作为预览版提供,并且依赖于仅在Microsoft Windows和Windows Azure操作系统上可用的运行时组件.

我也尝试过node.js的模块tdm并且单调乏味但没有成功......任何想法?

linux sql-server connector node.js express

11
推荐指数
1
解决办法
3218
查看次数

如何加载json对象而不是json文件

我正在尝试构建一个Web项目,我以JSON格式获取详细信息,例如:

{
    "file_id": 333, 
    "t": "2016-03-08 12:00:56"
}
Run Code Online (Sandbox Code Playgroud)

我试图在d3 js条形图中显示输出.我面临的问题是我得到的代码是为JSON文件而不是从JSON反序列化的对象.任何人都可以帮我解决这个问题吗?

JSON文件的工作脚本部分是这样的:

d3.json("FILENAME", function(error, data) {
    data = JSON.parse(data);
    x.domain(data.map(function(d) { return d.letter }));
    y.domain([0, d3.max(data, function(d) { return d.frequency })]);
Run Code Online (Sandbox Code Playgroud)

如果我将文件名更改为对象,则无效.

json d3.js

11
推荐指数
1
解决办法
1万
查看次数

如何在R中的图例中交换标签和符号?

R调用时创建的图例legend()左侧是符号(或行类型等),右侧是标签.我反过来喜欢它,即左侧的标签(右侧对齐)和右侧的符号.

我知道我可以adj用来调整标签的位置,但是这样他们就不再正确对齐了.adj=2例如,如果我设置了标签,则标签位于符号的左侧,但文本的末尾未与符号对齐.

任何关于如何使用标准legend()函数或包执行此操作的指针将不胜感激.

r

10
推荐指数
1
解决办法
1571
查看次数

geochart:为其添加html注释或其他任何替代图表

我想在geochart上添加文本叠加层.我只能在工具提示中添加文本,但仅在鼠标悬停/选择时才可见.但我希望它始终可见.

以下是小提琴链接.当我尝试添加注释时,geochart会给出错误.

http://jsfiddle.net/aSrVH/ 汽车数据=新谷歌.可视化.DataTable();

Data. addColumn ('string', 'Country');
data.addColumn('number', 'Value');
data.addColumn({
    type: 'string',
    role: 'tooltip'
});
Run Code Online (Sandbox Code Playgroud)

我无法改变以上:

   data.addColumn({
        type: 'string',
        role: 'annotation'
    });
Run Code Online (Sandbox Code Playgroud)

如果在geochart中有可能,请告诉我或建议我任何替代方案.

跟进问题:1.如果文本可以,我可以添加动画吗?(如fadein/out)

javascript jquery google-visualization

10
推荐指数
1
解决办法
551
查看次数

d3在饼图上显示数字而不是百分比

我正在绘制一个图表,以显示有多少人完成了我们的应用程序以及有多少人未能完成所有步骤.为此,我的公司决定使用库d3来显示图表.但是,在饼图上他们想要显示整数而不是默认百分比,我似乎无法找到任何关于此的文档.

我的代码看起来像这样

 c3.generate({
      bindto: '.pieChart',
      data: {
       columns: [
           ['Started', Started],
           ['Completed', Completed]
        ],
           type: 'pie'
       }
   });
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激!

javascript d3.js c3

10
推荐指数
1
解决办法
7665
查看次数