components/logic-tree/logic-tree.component.ts
Plot MFD logic tree using Plotly treemaps plot.
See https://plotly.com/javascript/treemaps/
selector | app-logic-tree |
imports |
NshmpLibNgPlotComponent
|
templateUrl | ./logic-tree.component.html |
styleUrl | ./logic-tree.component.scss |
Properties |
constructor(service: AppService)
|
||||||
Parameters :
|
plotData |
Default value : this.service.logicTreePlotData
|
Logic tree plot data state |
import {Component} from '@angular/core';
import {NshmpLibNgPlotComponent} from '@ghsc/nshmp-lib-ng/plot';
import {AppService} from '../../services/app.service';
/**
* Plot MFD logic tree using Plotly treemaps plot.
*
* @see https://plotly.com/javascript/treemaps/
*/
@Component({
imports: [NshmpLibNgPlotComponent],
selector: 'app-logic-tree',
styleUrl: './logic-tree.component.scss',
templateUrl: './logic-tree.component.html',
})
export class LogicTreeComponent {
/** Logic tree plot data state */
plotData = this.service.logicTreePlotData;
constructor(private service: AppService) {}
}
@if (plotData()) {
<nshmp-lib-ng-plot [plot]="plotData()" containerClass="" />
}