Yotam Berkowitz
8 years ago
27 changed files with 1727 additions and 1046 deletions
Split View
Diff Options
-
+1 -1README.md
-
+5 -3docs/data/dataset.html
-
+1 -1docs/graph2d/index.html
-
+26 -7docs/timeline/index.html
-
+16 -9examples/graph3d/11_tooltips.html
-
+1 -1examples/timeline/items/pointItems.html
-
+77 -0examples/timeline/other/horizontalScroll.html
-
+123 -0examples/timeline/other/usingReact.html
-
+92 -0examples/timeline/other/verticalScroll.html
-
+36 -26lib/DataSet.js
-
+46 -36lib/DataView.js
-
+588 -841lib/graph3d/Graph3d.js
-
+436 -0lib/graph3d/Settings.js
-
+104 -45lib/timeline/Core.js
-
+30 -13lib/timeline/Range.js
-
+6 -28lib/timeline/Timeline.js
-
+9 -7lib/timeline/component/Group.js
-
+13 -4lib/timeline/component/ItemSet.js
-
+9 -0lib/timeline/component/css/item.css
-
+22 -1lib/timeline/component/css/panel.css
-
+1 -0lib/timeline/component/item/BoxItem.js
-
+48 -18lib/timeline/component/item/Item.js
-
+2 -1lib/timeline/component/item/PointItem.js
-
+1 -0lib/timeline/component/item/RangeItem.js
-
+2 -0lib/timeline/optionsTimeline.js
-
+26 -0lib/util.js
-
+6 -4misc/how_to_help.md
+ 1
- 1
README.md
View File
+ 5
- 3
docs/data/dataset.html
View File
+ 1
- 1
docs/graph2d/index.html
View File
+ 26
- 7
docs/timeline/index.html
View File
+ 16
- 9
examples/graph3d/11_tooltips.html
View File
+ 1
- 1
examples/timeline/items/pointItems.html
View File
+ 77
- 0
examples/timeline/other/horizontalScroll.html
View File
| @ -0,0 +1,77 @@ | |||
| <html> | |||
| <head> | |||
| <title>Timeline | Horizontal Scroll Option</title> | |||
| <script src="../../../dist/vis.js"></script> | |||
| <link href="../../../dist/vis.css" rel="stylesheet" type="text/css" /> | |||
| <script src="../../googleAnalytics.js"></script> | |||
| </head> | |||
| <body> | |||
| <h1>Timeline horizontal scroll option</h1> | |||
| <div id="mytimeline"></div> | |||
| <script> | |||
| // create groups | |||
| var numberOfGroups = 25; | |||
| var groups = new vis.DataSet() | |||
| for (var i = 0; i < numberOfGroups; i++) { | |||
| groups.add({ | |||
| id: i, | |||
| content: 'Truck ' + i | |||
| }) | |||
| } | |||
| // create items | |||
| var numberOfItems = 1000; | |||
| var items = new vis.DataSet(); | |||
| var itemsPerGroup = Math.round(numberOfItems/numberOfGroups); | |||
| for (var truck = 0; truck < numberOfGroups; truck++) { | |||
| var date = new Date(); | |||
| for (var order = 0; order < itemsPerGroup; order++) { | |||
| date.setHours(date.getHours() + 4 * (Math.random() < 0.2)); | |||
| var start = new Date(date); | |||
| date.setHours(date.getHours() + 2 + Math.floor(Math.random()*4)); | |||
| var end = new Date(date); | |||
| items.add({ | |||
| id: order + itemsPerGroup * truck, | |||
| group: truck, | |||
| start: start, | |||
| end: end, | |||
| content: 'Order ' + order | |||
| }); | |||
| } | |||
| } | |||
| // specify options | |||
| var options = { | |||
| stack: true, | |||
| horizontalScroll: true, | |||
| zoomKey: 'ctrlKey', | |||
| maxHeight: 400, | |||
| start: new Date(), | |||
| end: new Date(1000*60*60*24 + (new Date()).valueOf()), | |||
| editable: true, | |||
| margin: { | |||
| item: 10, // minimal margin between items | |||
| axis: 5 // minimal margin between items and the axis | |||
| }, | |||
| orientation: 'top' | |||
| }; | |||
| // create a Timeline | |||
| var container = document.getElementById('mytimeline'); | |||
| timeline = new vis.Timeline(container, items, groups, options); | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 123
- 0
examples/timeline/other/usingReact.html
View File
| @ -0,0 +1,123 @@ | |||
| <!DOCTYPE HTML> | |||
| <html> | |||
| <head> | |||
| <meta charset="utf-8"> | |||
| <title>React Components in templates</title> | |||
| </head> | |||
| <body> | |||
| <div id='root'></div> | |||
| <!-- | |||
| For ease of use, we are including the React, ReactDOM and Babel CDN | |||
| builds to make getting started as fast as possible. | |||
| In production, you'll want to instead look at using something | |||
| like Gulp, Grunt or WebPack (my personal recommendation) | |||
| to compile JSX into JavaScript. Also, check out: | |||
| http://facebook.github.io/react/docs/tooling-integration.html | |||
| --> | |||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"></script> | |||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js"></script> | |||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> | |||
| <script src="../../../dist/vis.js"></script> | |||
| <link href="../../../dist/vis.css" rel="stylesheet" type="text/css" /> | |||
| <!-- | |||
| This is where you link to your React code. Can be .js or .jsx | |||
| extension, doesn't really matter. | |||
| --> | |||
| <script type="text/babel"> | |||
| var timeline; | |||
| // create groups | |||
| var numberOfGroups = 25; | |||
| var groups = new vis.DataSet() | |||
| for (var i = 0; i < numberOfGroups; i++) { | |||
| groups.add({ | |||
| id: i, | |||
| content: 'Truck ' + i | |||
| }) | |||
| } | |||
| // create items | |||
| var numberOfItems = 1000; | |||
| var items = new vis.DataSet(); | |||
| var itemsPerGroup = Math.round(numberOfItems/numberOfGroups); | |||
| for (var truck = 0; truck < numberOfGroups; truck++) { | |||
| var date = new Date(); | |||
| for (var order = 0; order < itemsPerGroup; order++) { | |||
| date.setHours(date.getHours() + 4 * (Math.random() < 0.2)); | |||
| var start = new Date(date); | |||
| date.setHours(date.getHours() + 2 + Math.floor(Math.random()*4)); | |||
| var end = new Date(date); | |||
| items.add({ | |||
| id: order + itemsPerGroup * truck, | |||
| group: truck, | |||
| start: start, | |||
| end: end, | |||
| content: 'Order ' + order | |||
| }); | |||
| } | |||
| } | |||
| var GroupTemplate = React.createClass({ | |||
| render: function() { | |||
| var { group } = this.props; | |||
| return <div> | |||
| <label>{group.content}</label> | |||
| </div> | |||
| } | |||
| }) | |||
| var ItemTemplate = React.createClass({ | |||
| render: function() { | |||
| var { item } = this.props; | |||
| return <div> | |||
| <label>{item.content}</label> | |||
| </div> | |||
| } | |||
| }) | |||
| // specify options | |||
| var options = { | |||
| orientation: 'top', | |||
| maxHeight: 400, | |||
| start: new Date(), | |||
| end: new Date(1000*60*60*24 + (new Date()).valueOf()), | |||
| editable: true, | |||
| template: function (item, element) { | |||
| ReactDOM.unmountComponentAtNode(element); | |||
| return ReactDOM.render(<ItemTemplate item={item} />, element); | |||
| }, | |||
| groupTemplate: function (group, element) { | |||
| ReactDOM.unmountComponentAtNode(element); | |||
| return ReactDOM.render(<GroupTemplate group={group} />, element); | |||
| } | |||
| } | |||
| var VisTimeline = React.createClass({ | |||
| componentDidMount: function() { | |||
| return initTimeline(); | |||
| }, | |||
| render: function() { | |||
| return <div> | |||
| <h1>Vis timline with React</h1> | |||
| <h2>Using react components for items and group templates</h2> | |||
| <div id="mytimeline"></div> | |||
| </div> | |||
| } | |||
| }); | |||
| function initTimeline() { | |||
| var container = document.getElementById('mytimeline'); | |||
| timeline = new vis.Timeline(container, items, groups, options); | |||
| } | |||
| ReactDOM.render(<VisTimeline />, document.getElementById('root')); | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 92
- 0
examples/timeline/other/verticalScroll.html
View File
| @ -0,0 +1,92 @@ | |||
| <html> | |||
| <head> | |||
| <title>Timeline | Vertical Scroll Option</title> | |||
| <script src="../../../dist/vis.js"></script> | |||
| <link href="../../../dist/vis.css" rel="stylesheet" type="text/css" /> | |||
| <script src="../../googleAnalytics.js"></script> | |||
| </head> | |||
| <body> | |||
| <h1>Timeline vertical scroll option</h1> | |||
| <h2>With <code> | |||
| verticalScroll: true, | |||
| zoomKey: 'ctrlKey'</code> | |||
| </h2> | |||
| <div id="mytimeline1"></div> | |||
| <h2>With <code> | |||
| horizontalScroll: true, | |||
| verticalScroll: true, | |||
| zoomKey: 'ctrlKey'</code> | |||
| </h2> | |||
| <div id="mytimeline2"></div> | |||
| <script> | |||
| // create groups | |||
| var numberOfGroups = 25; | |||
| var groups = new vis.DataSet() | |||
| for (var i = 0; i < numberOfGroups; i++) { | |||
| groups.add({ | |||
| id: i, | |||
| content: 'Truck ' + i | |||
| }) | |||
| } | |||
| // create items | |||
| var numberOfItems = 1000; | |||
| var items = new vis.DataSet(); | |||
| var itemsPerGroup = Math.round(numberOfItems/numberOfGroups); | |||
| for (var truck = 0; truck < numberOfGroups; truck++) { | |||
| var date = new Date(); | |||
| for (var order = 0; order < itemsPerGroup; order++) { | |||
| date.setHours(date.getHours() + 4 * (Math.random() < 0.2)); | |||
| var start = new Date(date); | |||
| date.setHours(date.getHours() + 2 + Math.floor(Math.random()*4)); | |||
| var end = new Date(date); | |||
| items.add({ | |||
| id: order + itemsPerGroup * truck, | |||
| group: truck, | |||
| start: start, | |||
| end: end, | |||
| content: 'Order ' + order | |||
| }); | |||
| } | |||
| } | |||
| // specify options | |||
| var options = { | |||
| stack: true, | |||
| verticalScroll: true, | |||
| zoomKey: 'ctrlKey', | |||
| maxHeight: 200, | |||
| start: new Date(), | |||
| end: new Date(1000*60*60*24 + (new Date()).valueOf()), | |||
| editable: true, | |||
| margin: { | |||
| item: 10, // minimal margin between items | |||
| axis: 5 // minimal margin between items and the axis | |||
| }, | |||
| orientation: 'top' | |||
| }; | |||
| // create a Timeline | |||
| options1 = Object.assign({}, options) | |||
| var container1 = document.getElementById('mytimeline1'); | |||
| timeline1 = new vis.Timeline(container1, items, groups, options1); | |||
| options2 = Object.assign({horizontalScroll: true}, options) | |||
| var container2 = document.getElementById('mytimeline2'); | |||
| timeline2 = new vis.Timeline(container2, items, groups, options2); | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 36
- 26
lib/DataSet.js
View File
+ 46
- 36
lib/DataView.js
View File
+ 588
- 841
lib/graph3d/Graph3d.js
File diff suppressed because it is too large
View File
+ 436
- 0
lib/graph3d/Settings.js
View File
| @ -0,0 +1,436 @@ | |||
| //////////////////////////////////////////////////////////////////////////////// | |||
| // This modules handles the options for Graph3d. | |||
| // | |||
| //////////////////////////////////////////////////////////////////////////////// | |||
| var Camera = require('./Camera'); | |||
| var Point3d = require('./Point3d'); | |||
| // enumerate the available styles | |||
| var STYLE = { | |||
| BAR : 0, | |||
| BARCOLOR: 1, | |||
| BARSIZE : 2, | |||
| DOT : 3, | |||
| DOTLINE : 4, | |||
| DOTCOLOR: 5, | |||
| DOTSIZE : 6, | |||
| GRID : 7, | |||
| LINE : 8, | |||
| SURFACE : 9 | |||
| }; | |||
| // The string representations of the styles | |||
| var STYLENAME = { | |||
| 'dot' : STYLE.DOT, | |||
| 'dot-line' : STYLE.DOTLINE, | |||
| 'dot-color': STYLE.DOTCOLOR, | |||
| 'dot-size' : STYLE.DOTSIZE, | |||
| 'line' : STYLE.LINE, | |||
| 'grid' : STYLE.GRID, | |||
| 'surface' : STYLE.SURFACE, | |||
| 'bar' : STYLE.BAR, | |||
| 'bar-color': STYLE.BARCOLOR, | |||
| 'bar-size' : STYLE.BARSIZE | |||
| }; | |||
| /** | |||
| * Field names in the options hash which are of relevance to the user. | |||
| * | |||
| * Specifically, these are the fields which require no special handling, | |||
| * and can be directly copied over. | |||
| */ | |||
| var OPTIONKEYS = [ | |||
| 'width', | |||
| 'height', | |||
| 'filterLabel', | |||
| 'legendLabel', | |||
| 'xLabel', | |||
| 'yLabel', | |||
| 'zLabel', | |||
| 'xValueLabel', | |||
| 'yValueLabel', | |||
| 'zValueLabel', | |||
| 'showGrid', | |||
| 'showPerspective', | |||
| 'showShadow', | |||
| 'keepAspectRatio', | |||
| 'verticalRatio', | |||
| 'dotSizeRatio', | |||
| 'showAnimationControls', | |||
| 'animationInterval', | |||
| 'animationPreload', | |||
| 'animationAutoStart', | |||
| 'axisColor', | |||
| 'gridColor', | |||
| 'xCenter', | |||
| 'yCenter' | |||
| ]; | |||
| /** | |||
| * Field names in the options hash which are of relevance to the user. | |||
| * | |||
| * Same as OPTIONKEYS, but internally these fields are stored with | |||
| * prefix 'default' in the name. | |||
| */ | |||
| var PREFIXEDOPTIONKEYS = [ | |||
| 'xBarWidth', | |||
| 'yBarWidth', | |||
| 'valueMin', | |||
| 'valueMax', | |||
| 'xMin', | |||
| 'xMax', | |||
| 'xStep', | |||
| 'yMin', | |||
| 'yMax', | |||
| 'yStep', | |||
| 'zMin', | |||
| 'zMax', | |||
| 'zStep' | |||
| ]; | |||
| // Placeholder for DEFAULTS reference | |||
| var DEFAULTS = undefined; | |||
| /** | |||
| * Check if given hash is empty. | |||
| * | |||
| * Source: http://stackoverflow.com/a/679937 | |||
| */ | |||
| function isEmpty(obj) { | |||
| for(var prop in obj) { | |||
| if (obj.hasOwnProperty(prop)) | |||
| return false; | |||
| } | |||
| return true; | |||
| } | |||
| /** | |||
| * Make first letter of parameter upper case. | |||
| * | |||
| * Source: http://stackoverflow.com/a/1026087 | |||
| */ | |||
| function capitalize(str) { | |||
| if (str === undefined || str === "") { | |||
| return str; | |||
| } | |||
| return str.charAt(0).toUpperCase() + str.slice(1); | |||
| } | |||
| /** | |||
| * Add a prefix to a field name, taking style guide into account | |||
| */ | |||
| function prefixFieldName(prefix, fieldName) { | |||
| if (prefix === undefined || prefix === "") { | |||
| return fieldName; | |||
| } | |||
| return prefix + capitalize(fieldName); | |||
| } | |||
| /** | |||
| * Forcibly copy fields from src to dst in a controlled manner. | |||
| * | |||
| * A given field in dst will always be overwitten. If this field | |||
| * is undefined or not present in src, the field in dst will | |||
| * be explicitly set to undefined. | |||
| * | |||
| * The intention here is to be able to reset all option fields. | |||
| * | |||
| * Only the fields mentioned in array 'fields' will be handled. | |||
| * | |||
| * @param fields array with names of fields to copy | |||
| * @param prefix optional; prefix to use for the target fields. | |||
| */ | |||
| function forceCopy(src, dst, fields, prefix) { | |||
| var srcKey; | |||
| var dstKey; | |||
| for (var i in fields) { | |||
| srcKey = fields[i]; | |||
| dstKey = prefixFieldName(prefix, srcKey); | |||
| dst[dstKey] = src[srcKey]; | |||
| } | |||
| } | |||
| /** | |||
| * Copy fields from src to dst in a safe and controlled manner. | |||
| * | |||
| * Only the fields mentioned in array 'fields' will be copied over, | |||
| * and only if these are actually defined. | |||
| * | |||
| * @param fields array with names of fields to copy | |||
| * @param prefix optional; prefix to use for the target fields. | |||
| */ | |||
| function safeCopy(src, dst, fields, prefix) { | |||
| var srcKey; | |||
| var dstKey; | |||
| for (var i in fields) { | |||
| srcKey = fields[i]; | |||
| if (src[srcKey] === undefined) continue; | |||
| dstKey = prefixFieldName(prefix, srcKey); | |||
| dst[dstKey] = src[srcKey]; | |||
| } | |||
| } | |||
| /** | |||
| * Initialize dst with the values in src. | |||
| * | |||
| * src is the hash with the default values. | |||
| * A reference DEFAULTS to this hash is stored locally for | |||
| * further handling. | |||
| * | |||
| * For now, dst is assumed to be a Graph3d instance. | |||
| */ | |||
| function setDefaults(src, dst) { | |||
| if (src === undefined || isEmpty(src)) { | |||
| throw new Error('No DEFAULTS passed'); | |||
| } | |||
| if (dst === undefined) { | |||
| throw new Error('No dst passed'); | |||
| } | |||
| // Remember defaults for future reference | |||
| DEFAULTS = src; | |||
| // Handle the defaults which can be simply copied over | |||
| forceCopy(src, dst, OPTIONKEYS); | |||
| forceCopy(src, dst, PREFIXEDOPTIONKEYS, 'default'); | |||
| // Handle the more complex ('special') fields | |||
| setSpecialSettings(src, dst); | |||
| // Following are internal fields, not part of the user settings | |||
| dst.margin = 10; // px | |||
| dst.showGrayBottom = false; // TODO: this does not work correctly | |||
| dst.showTooltip = false; | |||
| dst.eye = new Point3d(0, 0, -1); // TODO: set eye.z about 3/4 of the width of the window? | |||
| } | |||
| function setOptions(options, dst) { | |||
| if (options === undefined) { | |||
| return; | |||
| } | |||
| if (dst === undefined) { | |||
| throw new Error('No dst passed'); | |||
| } | |||
| if (DEFAULTS === undefined || isEmpty(DEFAULTS)) { | |||
| throw new Error('DEFAULTS not set for module Settings'); | |||
| } | |||
| // Handle the parameters which can be simply copied over | |||
| safeCopy(options, dst, OPTIONKEYS); | |||
| safeCopy(options, dst, PREFIXEDOPTIONKEYS, 'default'); | |||
| // Handle the more complex ('special') fields | |||
| setSpecialSettings(options, dst); | |||
| } | |||
| /** | |||
| * Special handling for certain parameters | |||
| * | |||
| * 'Special' here means: setting requires more than a simple copy | |||
| */ | |||
| function setSpecialSettings(src, dst) { | |||
| if (src.backgroundColor !== undefined) { | |||
| setBackgroundColor(src.backgroundColor, dst); | |||
| } | |||
| setDataColor(src.dataColor, dst); | |||
| setStyle(src.style, dst); | |||
| setShowLegend(src.showLegend, dst); | |||
| setCameraPosition(src.cameraPosition, dst); | |||
| // As special fields go, this is an easy one; just a translation of the name. | |||
| // Can't use this.tooltip directly, because that field exists internally | |||
| if (src.tooltip !== undefined) { | |||
| dst.showTooltip = src.tooltip; | |||
| } | |||
| } | |||
| /** | |||
| * Set the value of setting 'showLegend' | |||
| * | |||
| * This depends on the value of the style fields, so it must be called | |||
| * after the style field has been initialized. | |||
| */ | |||
| function setShowLegend(showLegend, dst) { | |||
| if (showLegend === undefined) { | |||
| // If the default was auto, make a choice for this field | |||
| var isAutoByDefault = (DEFAULTS.showLegend === undefined); | |||
| if (isAutoByDefault) { | |||
| // these styles default to having legends | |||
| var isLegendGraphStyle = dst.style === STYLE.DOTCOLOR | |||
| || dst.style === STYLE.DOTSIZE; | |||
| dst.showLegend = isLegendGraphStyle; | |||
| } else { | |||
| // Leave current value as is | |||
| } | |||
| } else { | |||
| dst.showLegend = showLegend; | |||
| } | |||
| } | |||
| /** | |||
| * Retrieve the style index from given styleName | |||
| * @param {string} styleName Style name such as 'dot', 'grid', 'dot-line' | |||
| * @return {Number} styleNumber Enumeration value representing the style, or -1 | |||
| * when not found | |||
| */ | |||
| function getStyleNumberByName(styleName) { | |||
| var number = STYLENAME[styleName]; | |||
| if (number === undefined) { | |||
| return -1; | |||
| } | |||
| return number; | |||
| } | |||
| /** | |||
| * Check if given number is a valid style number. | |||
| * | |||
| * @return true if valid, false otherwise | |||
| */ | |||
| function checkStyleNumber(style) { | |||
| var valid = false; | |||
| for (var n in STYLE) { | |||
| if (STYLE[n] === style) { | |||
| valid = true; | |||
| break; | |||
| } | |||
| } | |||
| return valid; | |||
| } | |||
| function setStyle(style, dst) { | |||
| if (style === undefined) { | |||
| return; // Nothing to do | |||
| } | |||
| var styleNumber; | |||
| if (typeof style === 'string') { | |||
| styleNumber = getStyleNumberByName(style); | |||
| if (styleNumber === -1 ) { | |||
| throw new Error('Style \'' + style + '\' is invalid'); | |||
| } | |||
| } else { | |||
| // Do a pedantic check on style number value | |||
| if (!checkStyleNumber(style)) { | |||
| throw new Error('Style \'' + style + '\' is invalid'); | |||
| } | |||
| styleNumber = style; | |||
| } | |||
| dst.style = styleNumber; | |||
| } | |||
| /** | |||
| * Set the background styling for the graph | |||
| * @param {string | {fill: string, stroke: string, strokeWidth: string}} backgroundColor | |||
| */ | |||
| function setBackgroundColor(backgroundColor, dst) { | |||
| var fill = 'white'; | |||
| var stroke = 'gray'; | |||
| var strokeWidth = 1; | |||
| if (typeof(backgroundColor) === 'string') { | |||
| fill = backgroundColor; | |||
| stroke = 'none'; | |||
| strokeWidth = 0; | |||
| } | |||
| else if (typeof(backgroundColor) === 'object') { | |||
| if (backgroundColor.fill !== undefined) fill = backgroundColor.fill; | |||
| if (backgroundColor.stroke !== undefined) stroke = backgroundColor.stroke; | |||
| if (backgroundColor.strokeWidth !== undefined) strokeWidth = backgroundColor.strokeWidth; | |||
| } | |||
| else { | |||
| throw new Error('Unsupported type of backgroundColor'); | |||
| } | |||
| dst.frame.style.backgroundColor = fill; | |||
| dst.frame.style.borderColor = stroke; | |||
| dst.frame.style.borderWidth = strokeWidth + 'px'; | |||
| dst.frame.style.borderStyle = 'solid'; | |||
| } | |||
| function setDataColor(dataColor, dst) { | |||
| if (dataColor === undefined) { | |||
| return; // Nothing to do | |||
| } | |||
| if (dst.dataColor === undefined) { | |||
| dst.dataColor = {}; | |||
| } | |||
| if (typeof dataColor === 'string') { | |||
| dst.dataColor.fill = dataColor; | |||
| dst.dataColor.stroke = dataColor; | |||
| } | |||
| else { | |||
| if (dataColor.fill) { | |||
| dst.dataColor.fill = dataColor.fill; | |||
| } | |||
| if (dataColor.stroke) { | |||
| dst.dataColor.stroke = dataColor.stroke; | |||
| } | |||
| if (dataColor.strokeWidth !== undefined) { | |||
| dst.dataColor.strokeWidth = dataColor.strokeWidth; | |||
| } | |||
| } | |||
| } | |||
| function setCameraPosition(cameraPosition, dst) { | |||
| var camPos = cameraPosition; | |||
| if (camPos === undefined) { | |||
| return; | |||
| } | |||
| if (dst.camera === undefined) { | |||
| dst.camera = new Camera(); | |||
| } | |||
| dst.camera.setArmRotation(camPos.horizontal, camPos.vertical); | |||
| dst.camera.setArmLength(camPos.distance); | |||
| } | |||
| module.exports.STYLE = STYLE; | |||
| module.exports.setDefaults = setDefaults; | |||
| module.exports.setOptions = setOptions; | |||
| module.exports.setCameraPosition = setCameraPosition; | |||