EmberJS 图形组件库 ember-nf-graph

Apache
JavaScript
跨平台
Netflix
2015-05-15
叶秀兰

完善个人资料领开源豆,速来抽奖!>>>

ember-nf-graph 是 EmberJS 的可组合图形组件库。ember-nf-graph 是一个基于组件的 DSL,可以在 Ember 应用中创建图形。

基础代码示例:

export default Ember.Route.extend({
  model() {    return {
      myLineData: [
        { x: 0, y: 12 },
        { x: 1, y: 32 },
        { x: 2, y: 42 },        // ...
      ],
      myAreaData: [
        { x: 0, y: 43 },
        { x: 1, y: 54 },
        { x: 2, y: 13 },        // ...
      ]
    };
  }
});
{{#nf-graph width=500 height=300}}
  {{#nf-graph-content}}
    <!-- add a line -->
    {{nf-line data=model.myLineData}}

    <!-- add an area -->
    {{nf-area data=model.myAreaData}}

    <!-- mix in any SVG element you want -->
    <circle cx="40" cy="40" r="10"></circle>  {{/nf-graph-content}}

    <!-- axis ticks are templateable as well -->
  {{#nf-y-axis as |tick|}}
    <text>{{tick.value}}</text>  {{/nf-y-axis}}


  {{#nf-x-axis as |tick|}}
    <text>{{tick.value}}</text>  {{/nf-x-axis}}{{/nf-graph}}


加载中

评论(0)

暂无评论

暂无资讯

暂无问答

升级Ember到2.2.0版本

目前(_2015-11-24_)使用[Ember CLI](http://www.ember-cli.com/user-guide/)命令安装的`ember`项目默认使用的`ember`版本是1.13.x。如果你想升级到2.0或更高的版本只能手动升级。 下面讲为大...

2015/11/24 23:37
479
0
Ember版本小小结

不得不说Ember更新实在是太快了!!现在(_2015-11-23_)已经更新到2.2.0版本了。随着版本的升级很多旧版的特性会被声明为过是,甚至是弃用, 这对开发者来说是在是痛苦!版本的兼容性问题成...

2016/01/25 22:13
243
1
数据库的范式(1NF、2NF、3NF、BNCF)

数据库的范式(1NF、2NF、3NF、BNCF) 第一范式:关系模式中,每个属性不可再分。属性原子性 第二范式:非主属性完全依赖于主属性,即消除非主属性对主属性的部分函数依赖关系。 第三范式:非...

2016/05/20 11:45
494
2
关系型数据库的几种设计范式(1NF 2NF 3NF BCNF 4NF 5NF)

关系模式的分解是为了适应实际应用,分解后减少了冗余,但查询时却要增加连接,效率下降,这都需要**权衡**。选取设计范式应立足实际应用,适当的冗余是可以容忍和必要的。一般应用到 BCNF 范...

2016/12/22 01:41
555
0
LINUX - awk命令之NF和$NF区别

LINUX - awk命令之NF和$NF区别 NF和$NF 区别问答: 1.awk中$NF是什么意思? #pwd /usr/local/etc ~# echo $PWD | awk -F/ '{print $NF}' etc NF代表:浏览记录的域的个数 $NF代表 :最后一个...

2013/04/13 22:58
1.4W
1
Ember.js 入门指南--目录

Ember.js是一个JavaScript的MVC框架,Ember已经发布到v2.0.0目前国内还很少有 Ember.js 的教程,由于诞生了本系列教程!希望本教程能帮助你更好的学习 Ember.js。...

2015/09/07 00:12
626
0
Prometheus Node_exporter 之 Network Traffic Detail

Network Traffic Detail /proc/net/dev 1. Network Traffic by Packets type: Graph Unit: packets/sec Label: Packets out (-) / in (+) {{device}} - Receive 各个接口每秒接收的数据包总数...

2019/03/16 16:03
8
0
如何使用ember下拉框组件??

简而言之,`select`组件从2.0开始声明为过时,2.4版本后完全移除,如果你的项目是在2.0到2.4之间的可以通过安装插件[ember-legacy-views](https://github.com/emberjs/ember-legacy-views)支...

2016/03/25 09:24
136
1
一起参与Ember.js讨论、问答社区。

为了大家能更深入学习Ember.js,我没天都会发一个API出来供大家学习,每天3个。量少而慢慢积累,希望这是一种更好的学习API的方式。 另外,每隔几天我会提出一个小问题,让家伙参与进来,根据...

2016/09/25 18:14
157
0
Ember.js如何与后端服务交互?adapter、store、ember data关系揭秘

如何使用adapter、EmberData以及怎么连接到本地数据库??可以说现在网络上还很少有这样完整一个实例,本文将一步步带你创建一个完整的实例,从头到尾让你一次性搞懂Ember如何与后端交互! ...

2016/08/03 01:08
586
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部