DevExtreme Vue - Title and Subtitle
Titles and subtitles are textual elements that provide an overview of what the Funnel visualizes.
The title object configures the title; the title.subtitle object configures the subtitle.
jQuery
$(function() { $("#funnelContainer").dxFunnel({ // ... title: { text: "I am the Title", subtitle: { text: "I am the Subtitle" } } }); });
Angular
<dx-funnel ... > <dxo-title text="I am the Title"> <dxo-subtitle text="I am the Subtitle"> </dxo-subtitle> </dxo-title> </dx-funnel>
import { DxFunnelModule } from "devextreme-angular"; // ... export class AppComponent { // ... } @NgModule({ imports: [ // ... DxFunnelModule ], // ... })
You can set the title's text more concisely by assigning it directly to the title option. This is useful if you are satisfied with the title's default settings and do not need a subtitle.
jQuery
$(function() { $("#funnelContainer").dxFunnel({ // ... title: "I am the Title" }); });
Angular
<dx-funnel ... text="I am the Title"> </dx-funnel>
import { DxFunnelModule } from "devextreme-angular"; // ... export class AppComponent { // ... } @NgModule({ imports: [ // ... DxFunnelModule ], // ... })
Refer to the API reference's title section for information about all the title and subtitle options.
See Also
If you have technical questions, please create a support ticket in the DevExpress Support Center.