小编dan*_*ani的帖子

气泡图标签放置算法?(最好是用JavaScript)

我想自动放置100-200个泡泡标签,以满足以下要求:

  • 标签不应重叠
  • 标签最好不要与气泡重叠
  • 标签应该接近泡沫
  • 首选标签位置(左上,上,下,右等)应在一定程度上得到尊重
  • 字体大小可能有所不同

这有什么有用的库/算法吗?(最好是JavaScript或PHP)

(图像中的标签位置不符合这些要求)

在此输入图像描述

javascript algorithm visualization labels placement

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

Backbone.js基于url片段的状态管理/视图初始化

我正在尝试使用Backbone.js跟踪此应用中的状态:

在此输入图像描述

我有一个带有一组默认值的"ChartAppModel":

ChartAppModel = Backbone.Model.extend({

defaults: { 
    countries : [], 
    selectedCountries : [],
    year : 1970,
},

initialize: function() { 
    loadAbunchOfData();
    checkStartState();
}

});
Run Code Online (Sandbox Code Playgroud)

如果给定一个开始片段,则应该覆盖此默认状态:

var startState = $.deparam.fragment(); //using Ben Alman's BBQ plugin
this.set({selectedCountries: startState.s, year: startState.y});
Run Code Online (Sandbox Code Playgroud)

现在,例如SidebarView已准备好更新:

ChartAppViewSidebar = Backbone.View.extend({

initialize: function(){
      this.model.bind("change:selectedCountries", this.render);
},

render : function(){
      [... render new sidebar with check boxes ...]
},
Run Code Online (Sandbox Code Playgroud)

问题是我在侧边栏上还有一个更新模型的事件处理程序:

events: {
"change input[name=country]": "menuChangeHandler",
},

menuChangeHandler : function(){
      [... set selectedCountries on model ...]
},
Run Code Online (Sandbox Code Playgroud)

所以会有一个反馈循环...然后,我也想要一种推动新状态的方式 - 所以我听模型的变化:

ChartAppModel …
Run Code Online (Sandbox Code Playgroud)

javascript model-view-controller state-management backbone.js

25
推荐指数
1
解决办法
8245
查看次数

分组数据并绘制多条线

我想在R中为这个数据集绘制多条线:(x =年,y =值)

School_ID   Year    Value
A           1998    5
B           1998    10
C           1999    15
A           2000    7
B           2005    15
Run Code Online (Sandbox Code Playgroud)

每所学校都有不同年份的数据.我希望每所学校都有一行.

r linechart ggplot2

21
推荐指数
2
解决办法
9万
查看次数

如何用Mustache.js做高级i18n?

看来Twitter正在用叉子Mustache.js提供国际化其模板?

有人可以给出一个简单的例子说明这是如何完成的,也许还概述了为这些翻译众包所需的语义?

当然有这个简单的例子:

var template = "{{_i}}{{name}} is using mustache.js!{{/i}}"

var view = {
  name: "Matt"
};

var translationTable = {
  // Welsh, according to Google Translate
  "{{name}} is using mustache.js!": "Mae {{name}} yn defnyddio mustache.js!"
};

function _(text) {
  return translationTable[text] || text;
}

alert(Mustache.to_html(template, view));
// alerts "Mae Matt yn defnyddio mustache.js!"
Run Code Online (Sandbox Code Playgroud)

但我想更深入地了解如何构造_(文本)函数和translationTable以提供条件,单数,复数等.非常感谢解决更高级用例的示例.

javascript twitter templating internationalization mustache

19
推荐指数
2
解决办法
7413
查看次数

宣传单:更新GeoJson过滤器?

我想用数据填充GeoJson图层,然后动态过滤要显示的功能.

我已经使过滤器功能工作,但我不知道如何更改过滤器,然后刷新图层.

添加数据后,有什么办法可以更新过滤器吗?

javascript geojson leaflet

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

.po文件和gettext VS JSON和自定义i18n库?

我需要在JavaScript中为浏览器端翻译开发或找到某种轻量级类似gettext的库.如果我想转换服务器端,node.js最好使用相同的库.

1)但是,使用.po文件和JavaScript gettext库的优缺点是什么?
(与JSON和jQuery Globalize或类似的相反?)

2)是否有任何工作流/服务允许翻译众包,可以导出为JavaScript i18n库(gettext实现,Globalize.js等)可以使用的格式(.po/json)?

javascript gettext internationalization node.js po

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

强制iFrame链接(在嵌入式Google文档中)在新窗口中打开

非常奇怪的是,似乎无法在新窗口中设置Google文档链接.(目标= "_空白").

发布Google文档并使用嵌入功能时,会生成iframe代码段:

<iframe src="https://docs.google.com/document/pub?id=1mfSz_3cWh6eW-X3EhQTtCoZ33Km131An8Kyvmuxi5oM&amp;embedded=true"></iframe>
Run Code Online (Sandbox Code Playgroud)

文档中的所有链接都将在iFrame中打开,并通过google的重定向服务重定向:http: //www.google.com/url?q =

有什么办法可以在新窗口中打开这些链接吗?我知道可能存在跨框架脚本问题,所以很奇怪谷歌没有简单的方法来实现这个目标......

html iframe google-docs hyperlink cross-domain

12
推荐指数
2
解决办法
6714
查看次数

下划线_.intersection() - 怎么样?

var arr = [];
arr.push(["A", "B"]);
arr.push(["A", "C"]);
arr.push(["C", "D"]);
Run Code Online (Sandbox Code Playgroud)

如何传递此数组数组以交叉_.intersection()

因为_.intersection(arr)不行...

javascript underscore.js

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

Chrome/MacOS中Three.js影子的质量?

我正在尝试一个简单的Three.js场景(这方面的新手).我正在使用Three.js WebGLRenderer并设置了一个平面,一个投射阴影和定向光源的立方体.结果显示在图像中.

我如何能:

1.提高阴影渲染的质量?
2.摆脱锯齿状的边缘?

我已将antialiasing设置为true,但它似乎对任何浏览器都没有帮助......

renderer = new THREE.WebGLRenderer({antialias:true});

在此输入图像描述

antialiasing webgl three.js

12
推荐指数
2
解决办法
8670
查看次数

JavaScript布局管理器?

我正在寻找一个支持灵活布局的JavaScript布局管理器:嵌套,调整大小,拆分器,可折叠面板等.

我见过ExtJS和Dojo,但我想知道是否有任何轻量级变体在这方面表现出色......

谢谢!

javascript frameworks javascript-framework layout-manager

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