Angular BarGauge - legend.title.subtitle.font
The following code sample illustrates how to set this property:
jQuery
$(function() { $("#barGaugeContainer").dxBarGauge({ // ... legend: { title: { // ... subtitle: { // ... font: { color: "black" } } } } }); });
Angular
<dx-bar-gauge ... > <dxo-legend> <dxo-title ... > <dxo-subtitle ... > <dxo-font color="black"> </dxo-font> </dxo-subtitle> </dxo-title> </dxo-legend> </dx-bar-gauge>
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 { DxBarGaugeModule } from 'devextreme-angular'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, DxBarGaugeModule ], providers: [ ], bootstrap: [AppComponent] }) export class AppModule { }
Vue
<template> <DxBarGauge ... > <DxLegend> <DxTitle ... > <DxSubtitle ... > <DxFont color="black" /> </DxSubtitle> </DxTitle> </DxLegend> </DxBarGauge> </template> <script> import DxBarGauge, { DxLegend, DxTitle, DxSubtitle, DxFont } from 'devextreme-vue/bar-gauge'; export default { components: { DxBarGauge, DxLegend, DxTitle, DxSubtitle, DxFont }, // ... } </script>
React
import React from 'react'; import BarGauge, { Legend, Title, Subtitle, Font } from 'devextreme-react/bar-gauge'; class App extends React.Component { render() { return ( <BarGauge ... > <Legend ... > <Title ... > <Subtitle ... > <Font color="black" /> </Subtitle> </Title> </Legend> </BarGauge> ); } } export default App;
color
This property supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
family
For details on acceptable values, refer to the Font family article.
size
A numeric value specifies the font size in pixels. A string value can specify the font size in any units listed here, but multi-line text only supports length units.
weight
Specifies font weight. Accepts values from 100 to 900 in increments of 100. Higher values increase boldness.
If you have technical questions, please create a support ticket in the DevExpress Support Center.