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.
Like any other Highcharts module (e.g. exporting), add <script>
tag pointing to projections.js
below Highcharts script tag.
For NPM users:
var Highcharts = require('highcharts');
require('projections')(Highcharts);
For BOWER users:
bower install highcharts-projections
The latest code is available on github: https://github.com/blacklabel/projections
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,
}]
}]
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 |
lineProjection | ||
enabled | Boolean/String | Information if projections should be enabled, disabled or enabled on hover |
dashstyle | String | Dash style of line projection |
zIndex | Number | z-index of line projection |
stroke | String | Color of projections line |
stroke-width | Number | The width of stroke in line projections |