Angular Chart - Title and Subtitle
Title and subtitle are textual elements that give an idea of what the Chart visualizes.
The title is configured by the title object. The subtitle is configured by the subtitle object nested in the title object.
App.vue
- <template>
- <DxChart ... >
- <DxTitle
- text="I am the Title"
- >
- <DxSubtitle
- text="I am the Subtitle"
- />
- </DxTitle>
- </DxChart>
- </template>
- <script>
- import DxChart, {
- DxTitle,
- DxSubtitle
- } from 'devextreme-vue/chart';
- export default {
- components: {
- DxChart,
- DxTitle,
- DxSubtitle
- }
- }
- </script>
You can set the title's text more concisely by assigning it directly to the title property. This is useful if you are satisfied with the default settings of the title and do not need a subtitle.
App.vue
- <template>
- <DxChart
- title="I am the Title"
- ...
- >
- </DxChart>
- </template>
- <script>
- import DxChart from 'devextreme-vue/chart';
- export default {
- components: {
- DxChart
- }
- }
- </script>
For information about all properties of the title and subtitle, visit the title section of the API reference.
See Also
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.