subtitle
Configures the legend subtitle. The subtitle appears only if the title is specified.
To specify only the subtitle's text, assign it directly to this option. Otherwise, set this option to an object with the text and other fields specified.
font
Specifies the legend subtitle's font options.
Type:
jQuery
index.js
$(function() { $("#funnelContainer").dxFunnel({ // ... legend: { title: { // ... subtitle: { // ... font: { color: "black" } } } } }); });
Angular
app.component.html
app.component.ts
app.module.ts
<dx-funnel ... > <dxo-legend> <dxo-title ... > <dxo-subtitle ... > <dxo-font color="black"> </dxo-font> </dxo-subtitle> </dxo-title> </dxo-legend> </dx-funnel>
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 { DxFunnelModule } from 'devextreme-angular'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, DxFunnelModule ], providers: [ ], bootstrap: [AppComponent] }) export class AppModule { }
Vue
App.vue
<template> <dx-funnel ... > <dx-legend> <dx-title ... > <dx-subtitle ... > <dx-font color="black" /> </dx-subtitle> </dx-title> </dx-legend> </dx-funnel> </template> <script> import DxFunnel, { DxLegend, DxTitle, DxSubtitle, DxFont } from 'devextreme-vue/funnel'; export default { components: { DxFunnel, DxLegend, DxTitle, DxSubtitle, DxFont }, // ... } </script>
React
App.js
import React from 'react'; import Funnel, { Legend, Title, Subtitle, Font } from 'devextreme-react/funnel'; class App extends React.Component { render() { return ( <Funnel ... > <Legend ... > <Title ... > <Subtitle ... > <Font color="black" /> </Subtitle> </Title> </Legend> </Funnel> ); } } export default App;
Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you!
We appreciate your feedback.
We appreciate your feedback.