帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:数据  disp  CHAR  Circular  HEAT  chart  Cyclic  
A D3 circular heat chart. Good for displaying cyclic data.

  • 源代码名称:d3-circularheat
  • 源代码网址:http://www.github.com/prcweb/d3-circularheat
  • d3-circularheat源代码文档
  • d3-circularheat源代码下载
  • Git URL:
    git://www.github.com/prcweb/d3-circularheat.git
  • Git Clone代码到本地:
    git clone http://www.github.com/prcweb/d3-circularheat
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/prcweb/d3-circularheat
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • #Circular 热图表

    一种用分段同心环显示定量数据的 D3二维。

    用于显示循环数据 e.g.的理想方法

    • 一个小时的小时数据。 每个圆环代表一天,每一个区段一个小时
    • 每天数据的价值。 每个环代表一个星期,每一个区段一天。

    ###Simple 示例

    
    var data = [1, 2, 3, 4, 2, 3, 4, 5, 3, 4, 5, 6, 4, 5, 6, 7];
    
    
    var chart = circularHeatChart().innerRadius(100).numSegments(4).range(["white","red"]);
    
    
    d3.select('#chart')
    
    
    . selectAll('svg')
    
    
    . data([data])
    
    
    . enter()
    
    
    . append('svg')
    
    
    . call(chart);
    
    
    
    

    更多示例

    ###Implementation

    实现遵循 Bostock提出的可以重用图表(

    ##Configuration

    可以多种方式配置图表( 所有可选)

    • 毛利: 指定页边距 比如 {top:的对象 20,右:20,底部: 20,左:20 }
    • innerRadius: 最内层圆形的半径
    • numSegments: 每个环的分段数
    • segmentHeight: 每个环的高度
    • : 数据 比如 [0, 1 ]的域
    • 范围: 数据 比如 ["white","red" ]的输出颜色范围
    • 访问器: 对象的比如 数组的访问器函数

    ###About 这个图表是由 Peter Cook 创建的: @prcweb



    文章标签:数据  CHAR  disp  chart  Circular  HEAT  Cyclic  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语