https://github.com/huanghaiyang/sequence-chart
d3 plugin for sequence
https://github.com/huanghaiyang/sequence-chart
chat d3 sequence-chart
Last synced: 2 months ago
JSON representation
d3 plugin for sequence
- Host: GitHub
- URL: https://github.com/huanghaiyang/sequence-chart
- Owner: huanghaiyang
- License: mit
- Created: 2016-08-09T09:01:44.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-08-12T15:10:54.000Z (about 9 years ago)
- Last Synced: 2025-02-23T09:21:33.048Z (8 months ago)
- Topics: chat, d3, sequence-chart
- Language: JavaScript
- Homepage:
- Size: 59.6 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# sequence-chart
highcharts plugin for sequence
## How to use
+ include d3.js and sequenceChart.js
```javascript
```
+ write javascript
```javascript
var c = new d3.sequenceChart({
data: [{
start: 0,
end: 0.01
},{
start: 0.01,
end: 0.1
},{
start: 0.1,
end: 0.12
},{
start: 0.12,
end: 0.5
},{
start: 0.5,
end: 0.66
},{
start:0.66,
end:0.9
},{
start:0.9,
end: 1.0
}],
container: d3.select('svg')
})
c.draw()
```
## options
+ data
type: Array
description: array item must be an Object , with start and end property, you should provide a sequence data like percent but not have '%'
+ rowPadding
type: Number
+ blockHeight
type: Number
+ blockColor
type: HEX
+ blockStartColor
type: HEX
+ blockHoverColor
type: HEX
+ line
type: Boolean
+ lineColor
type: HEX
+ lineColor
type: lineStartColor
+ container
type: d3 Selector
+ easeTime
type: Number
+ zoom
type: Boolean
value: true or false
+ ease
type: d3 ease type
defaultValue: d3.easeExpOut
## Demo Snapshot
