Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/visjs/angular-visjs
AngularJS directive module for vis.js components
https://github.com/visjs/angular-visjs
Last synced: about 2 months ago
JSON representation
AngularJS directive module for vis.js components
- Host: GitHub
- URL: https://github.com/visjs/angular-visjs
- Owner: visjs
- License: mit
- Created: 2014-05-27T11:13:20.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T20:21:48.000Z (9 months ago)
- Last Synced: 2024-04-13T21:44:08.826Z (5 months ago)
- Language: JavaScript
- Homepage: http://visjs.github.io/angular-visjs
- Size: 8.87 MB
- Stars: 133
- Watchers: 26
- Forks: 65
- Open Issues: 36
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-visjs - angular-visjs - AngularJS directive module for vis.js components. (Libraries / vis.js based libraries)
README
# AngularJS - VisJS
Development and documentation is in progress.
**NOTE:** This library is currently being refactored. The intention is make the directives simpler, removing the additional
'non-vis.js' related directives (such as time-board and time-navigation), and bring the DataSet factory in-line with the
vis.DataSet such that the documentation for vis is fully (hopefully) applicable and consistent.
Stay tuned, but expect changes!
**UPDATE** The initial refactoring is complete, but documentation is slightly inconsistent. Generally, the standard
visjs documentation should be used. Take a look at the example where there is also the beginning of the updated documentation.
## Usage
**Note that this is out of date and will be removed shortly** It's just retained for information while the directive is updated.
```
```
### Data:
```
$scope.data = vis.DataSet({
"1": {
"id": 1,
"content": " item 1",
"start": "2014-09-01T17:59:13.706Z",
"className": "magenta",
"type": "box"
},
"2": {
"id": 2,
"content": "visjs.org",
"start": "2014-09-02T17:59:13.706Z",
"type": "box"
},
"3": {
"id": 3,
"content": "item 3",
"start": "2014-08-29T17:59:13.706Z",
"type": "box"
},
"4": {
"id": 4,
"content": "item 4",
"start": "2014-09-01T17:59:13.706Z",
"end": "2014-09-03T17:59:13.706Z",
"type": "range"
},
"5": {
"id": 5,
"content": "item 5",
"start": "2014-08-30T17:59:13.706Z",
"type": "point"
},
"6": {
"id": 6,
"content": "item 6",
"start": "2014-09-04T17:59:13.706Z",
"type": "point"
},
"7": {
"id": 7,
"content": " item 7",
"start": "2014-08-28T17:59:13.706Z",
"end": "2014-08-29T17:59:13.706Z",
"type": "range",
"className": "orange"
}
});
```
### Options:
```
$scope.options = {
"align": "center",
"autoResize": true,
"editable": true,
"selectable": true,
"orientation": "bottom",
"showCurrentTime": true,
"showCustomTime": true,
"showMajorLabels": true,
"showMinorLabels": true
};
```