https://github.com/hankaibo/d3-stack-time

d3 stack time
https://github.com/hankaibo/d3-stack-time

Last synced: 2 months ago
JSON representation

d3 stack time

• Host: GitHub
• URL: https://github.com/hankaibo/d3-stack-time
• Owner: hankaibo
• License: mit
• Created: 2017-07-13T15:57:39.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-09-02T07:01:24.000Z (almost 8 years ago)
• Last Synced: 2025-03-30T01:37:41.443Z (3 months ago)
• Language: JavaScript
• Size: 191 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# d3-stack-time

一个D3时间堆叠图插件。

## 用法

```

// 导入D3与本插件

var d3 = require('d3');

var chart = require('d3-stack-time');

var data = {

  axisX: ['5-1', '5-2', '5-3', '5-4', '5-5', '5-6', '5-7', '5-8', '5-9', '5-10', '5-11', '5-12', '5-13', '5-14', '5-15', '5-16', '5-17', '5-18', '5-19', '5-20', '5-21', '5-22', '5-23', '5-24', '5-25'],

  values: [

    ['9:00', '18:30'],

    ['6:00', '12:00'],

    ['13:31', '14:31'],

    ['19:00', '23:30'],

    ['12:00', '13:30'],

    ['08:30', '13:30'],

    ['09:00', '10:30'],

    ['10:00', '13:00'],

    ['10:00', '13:30'],

    ['12:30', '13:30'],

    ['12:30', '14:00'],

    ['13:00', '14:00'],

    ['13:30', '18:30'],

    ['08:30', '18:26', '22:00'],

    [],

    [],

    ['09:04', '19:01'],

    ['09:00', '18:43'],

    ['09:24', '19:19'],

    ['09:15', '19:06'],

    ['09:00', '19:00'],

    ['9:14', '19:14'],

    ['09:18', '19:02'],

    ['09:00', '21:26'],

    ['10:09', '19:09']

  ]

};

d3.select('.time-stack').call(chart()

  .data(data)

  .titleText('test_title')

  .stackLabelCustom({

    'workBefore': 'Are you Ready?'

  })

);

```