Angular PieChart - legend.title.subtitle

Configures the legend subtitle. The subtitle appears only if the title is specified.

Selector: dxo-subtitle
Type:

Object

|

String

To specify only the subtitle's text, assign it directly to this property. Otherwise, set this property to an object with the text and other fields specified.

font

Specifies the legend subtitle's font properties.

Selector: dxo-font
Type:

Object

The following code sample illustrates how to set this property:

app.component.html
app.component.ts
app.module.ts
  • <dx-pie-chart ... >
  • <dxo-legend>
  • <dxo-title ... >
  • <dxo-subtitle ... >
  • <dxo-font
  • color="black">
  • </dxo-font>
  • </dxo-subtitle>
  • </dxo-title>
  • </dxo-legend>
  • </dx-pie-chart>
  • import { Component } from '@angular/core';
  •  
  • @Component({
  • selector: 'app-root',
  • templateUrl: './app.component.html',
  • styleUrls: ['./app.component.css']
  • })
  • export class AppComponent {
  • // ...
  • }
  • import { BrowserModule } from '@angular/platform-browser';
  • import { NgModule } from '@angular/core';
  • import { AppComponent } from './app.component';
  •  
  • import { DxPieChartModule } from 'devextreme-angular';
  •  
  • @NgModule({
  • declarations: [
  • AppComponent
  • ],
  • imports: [
  • BrowserModule,
  • DxPieChartModule
  • ],
  • providers: [ ],
  • bootstrap: [AppComponent]
  • })
  • export class AppModule { }

offset

Specifies the distance between the legend's title and subtitle in pixels.

Type:

Number

Default Value: 0

text

Specifies the subtitle's text.

Type:

String

Default Value: null