Vue Chart - legend.title.subtitle.font
Selector: DxFont
Type:
The following code sample illustrates how to set this property:
App.vue
- <template>
- <DxChart ... >
- <DxLegend>
- <DxTitle ... >
- <DxSubtitle ... >
- <DxFont
- color="black"
- />
- </DxSubtitle>
- </DxTitle>
- </DxLegend>
- </DxChart>
- </template>
- <script>
- import DxChart, {
- DxLegend,
- DxTitle,
- DxSubtitle,
- DxFont
- } from 'devextreme-vue/chart';
- export default {
- components: {
- DxChart,
- DxLegend,
- DxTitle,
- DxSubtitle,
- DxFont
- },
- // ...
- }
- </script>
color
Type:
Default Value: '#232323'
This property supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
family
Type:
Default Value: '"Segoe UI Light", "Helvetica Neue Light", "Segoe UI", "Helvetica Neue", "Trebuchet MS", Verdana, sans-serif'
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.
Type:
Default Value: 200
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.