Function toChartProps

toChartProps(widgetModel): ChartProps

Translates a WidgetModel to the props for rendering a chart.

Parameters

Parameter	Type
widgetModel	WidgetModel

Returns

ChartProps

Example

<csdk-chart
 *ngIf="chartProps"
 [chartType]="chartProps.chartType"
 [dataSet]="chartProps.dataSet"
 [dataOptions]="chartProps.dataOptions"
 [filters]="chartProps.filters"
 [highlights]="chartProps.highlights"
 [styleOptions]="chartProps.styleOptions"
/>

import { Component } from '@angular/core';
import {
 type ChartProps
 WidgetService,
 widgetModelTranslator,
} from '@sisense/sdk-ui-angular';

@Component({
 selector: 'app-example',
 templateUrl: './example.component.html',
 styleUrls: ['./example.component.scss'],
})
export class ExampleComponent {
 chartProps: ChartProps | null = null;

 constructor(private widgetService: WidgetService) {}

 async ngOnInit(): Promise<void> {
   const widgetModel = await widgetService.getWidgetModel({
     dashboardOid: 'your-dashboard-oid',
     widgetOid: 'your-widget-oid'
   });
   this.chartProps = widgetModelTranslator.toChartProps(widgetModel);
 }
}

Note: this method is not supported for pivot widgets. Use toPivotTableProps instead for getting props for the PivotTableComponent.