File

components/logic-tree/logic-tree.component.ts

Description

Plot MFD logic tree using Plotly treemaps plot.

See https://plotly.com/javascript/treemaps/

Metadata

Index

Properties

Constructor

constructor(service: AppService)
Parameters :
Name Type Optional
service AppService No

Properties

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="" />
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""