Angular component for plotting data in cyclic coordinates (mod range).
npm install bd2-ngx-polarplotnpm install bd2-ngx-polarplot --save
@NgModule({
...
imports: [
...
BD2NgxPolarplotModule
],
bootstrap: [AppComponent]
})
export class AppModule { }
`
2. Place the component in your template:
`
[scaleRadius]="true" >
`
3. Inputs
- data: number[][] series of data to represents as petals.
For example:
`
data = [
[-23.4,1,25.2,48.7,73.1],
[22.5,21.5,20.6],
[3.5,4.9,3,4.9],
[15.1,16.2,16.1,12.2,12.8]
]
`
gives 4 petals as in the screenshot
- domain: [start, end] data will be represented around the circle [start,end) mod domain range.
Start does not have to be 0. The example above is made with domain [0,24]
- showIndividuals: node | selected | all, defaults selected. Determines how individual data points are presented,
none no rendering, all, all data points are represented as cricles in the corresponding locations, selected the individual
data points are rendered only when the corresponding petal is hoovered over. The example above is taken with option all
- scaleRadius: boolean, default true, petals radius/length is scalled by the std deviationo of the data or provided errors. The larger the deviation/error the shorted the petal
- scaleWidth: boolean, default false, petals width can be scalled by the std deviation of the data or provided errors values. The larger the error the wider the petal
- optional errors: number[], optional, errors values for each series, if missing the std. deviation of the inuput series is used for scaling width or radius
- optional palette: string[], optional, collors to be used with the data
- optional labels: string[], labels of the data, will be rendered in the center on hover over the petal
- optional labelsOn: boolean, if true the label on hover works otherwise disabled
- optional lookAndFeel, some rendering parameters, check the code for options
- optional removed: number[]`, indexes of the data groups that should be removed from plot. The removed groups are being rendered just hidden so the labels, colors are preserved and bringing them back/removing does not triggers transitions in the not removed petals