highcharts-projections
v1.0.4 highcharts highcharts-3d projections planeProjection lineProjection 3D scatter highcharts-addon
Projections - Highcharts-3D module
The plugin gives user a chance for adding perspective points and connection lines for scatter series in 3D.
With Projections plugin scatter points are projected into three basic planes - XY, YZ and ZX. This is giving a chance for better visaulisation of connections between x,y and z variables.
Requirements
- Plugin requires latest Highcharts (5.0.3+)
- Plugin requires latest Highcharts 3D module (5.0.3+)
Versions
- 1.x - Initial version of Projections.js.
Installation
Like any other Highcharts module (e.g. exporting), add
<script>
tag pointing toprojections.js
below Highcharts script tag.For NPM users:
var Highcharts = require('highcharts');
require('projections')(Highcharts);
- For BOWER users:
bower install highcharts-projections
Code
The latest code is available on github: https://github.com/blacklabel/projections
Usage and demos
series: [{
planeProjection: {
enabled: true,
fill: 'red',
radius: 10,
'stroke-width': 3
},
lineProjection: {
enabled: true,
colorByPoint: true,
dashStyle: 'dot',
zIndex: 2,
'stroke-width': 3
},
data: [{
x: 7,
y: 5,
z: 5,
}, {
x: 5,
y: 5,
z: 5,
}, {
x: 7.5,
y: 5,
z: 5,
}]
}]
Parameters
Property | Type | Description |
---|---|---|
planeProjection | ||
enabled | Boolean/String | Information if projections should be enabled, disabled or enabled on hover |
fill | String | Fill color of projections |
byPoint | Boolean | Information if radius and color should be taken from point or global options |
radius | Number | Projections radius |
stroke-width | Number | The width of stroke in projections |
npm i highcharts-projections
Metadata
- SEE LICENSE IN license.txt
- Whatever
- Black Label
- released 3/27/2018