开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
ember-nf-graph首页、文档和下载 - EmberJS 图形组件库 - 开源中国社区
全部项目分类
我要评价
Apache
JavaScript
跨平台
Netflix
分享
收藏
1 人收藏
收录时间:2015-05-15
ember-nf-graph 详细介绍

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}}



大家对 ember-nf-graph 的评论 (全部 0 条评论)
{{repayCom.userName}}
顶部