Labella.js 时间轴标签放置工具

Apache
JavaScript
跨平台
Twitter
2015-12-04
叶秀兰

Labella.js 是 Twitter 开源的时间轴标签放置工具,可以把标签没有重叠的放在时间轴上。

“标签也可以很美丽”

在线演示:http://twitter.github.io/labella.js/ 

示例代码:

// idealPos: The most preferred position for each label
// width:    The width of each label
var nodes = [
  new labella.Node(1, 50), // idealPos, width
  new labella.Node(2, 50),
  new labella.Node(3, 50),
  new labella.Node(3, 50),
  new labella.Node(3, 50),
];
var force = new labella.Force()
  .nodes(nodes)
  // Listen when the nodes' positions are updated.
  .on('end', function(){
    // The rendering is independent from this library.
    // User can use canvas, svg or any library to draw the labels.
    // There is also a built-in helper labella.Renderer for this purpose. See the examples
    draw(force.nodes());
  })
  // Run simulation at most 100 rounds. It may end earlier if equillibrium is reached.
  .start(100);


加载中

评论(1)

假正经哥哥
假正经哥哥
有啥用 #Labella.js#

暂无资讯

暂无问答

细说JavaScript数据类型及转换

细说JavaScript数据类型及转换 JavaScript数据类型 1.Boolean(布尔) 布尔:(值类型)var b1=true;//布尔类型 2.Number(数字) 数值:(值类型)var n1=3.1415926;//数值类型 n1.toFixed...

2015/07/13 09:15
73
0
JavaScript 解析器相关资料 AST Parser。。。

http://0xmiracle.sinaapp.com/blog/?p=453 看了acorn和uglifyjs,对编译又有了点兴趣。 转一下这篇list mark一下。 https://github.com/jashkenas/coffee-script/wiki/List-of-languages-th...

2012/12/09 16:40
654
0
90个JavaScript资料免费下载【合集】

为了方便大家学习,小弟最近整理了一批免积分下载的JavaScript,共90个,整理了这批资料的下载地址,大家可以根据自己的需要选择性下载。希望大家喜欢~ JS刷新页面【源码】 http://down.51ct...

2012/07/23 14:39
170
0
【书单】JS书单汇总:怀念2013

  从2011年11月到现在,大抵接近两年的时间。对JS的了解,不敢说有多深,不过大都得益于下列书籍。大部分看过,小部分只是翻翻。2014年打算把这些书挑一些出来回顾回顾,然后研究下新的东西...

2014/01/24 00:37
417
2
最新香港六合彩网站建设开发定制,六合彩投注网站代码出售,六合彩系统出租

专注六合彩网站开发定制,六合彩网站代码,最新香港六合彩网站建设开发定制,六合彩投注网站代码出售,六合彩系统出租等。 本人提供一站式网站建设服务:联系QQ:2046-7717-39(私聊) ,需要定制...

06/30 18:19
0
0
六合彩投注系统代码出售,六合彩平台出租

专注六合彩网站开发定制,六合彩网站代码,最新香港六合彩网站建设开发定制,六合彩投注网站代码出售,六合彩系统出租等。 本人提供一站式网站建设服务:联系QQ:2046-7717-39(私聊) ,需要定制...

06/30 18:21
1
0
香港六合彩网站代码出售,出租

专注六合彩网站开发定制,六合彩网站代码,最新香港六合彩网站建设开发定制,六合彩投注网站代码出售,六合彩系统出租等。 本人提供一站式网站建设服务:联系QQ:2046-7717-39(私聊) ,需要定制...

06/30 18:20
5
0
纯CSS和Javascript实现的遮罩层

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>纯CSS和Javascript实现的遮罩层</title> <style> #cover { background: g...

2013/01/24 22:58
56
0
JavaScript 需要掌握的知识

1.不仅仅是面试,JavaScript 开发者都应该知道的十个概念 2. 深入理解javascript原型和闭包(完结) 3.javascript深入理解js闭包 4. js作用域 5.JS之作用域与闭包 6.JavaScript内存优化 7.可...

2016/06/25 10:03
38
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部