JavaScript/jQuery Sankey - title
The widget's title is a short text that usually indicates what is visualized. If you need to specify the title's text only, assign it directly to the title option. Otherwise, set this option to an object with the text and other fields specified.
The title can be accompanied by a subtitle elaborating on the visualized subject using the title.subtitle object.
font
Type:
jQuery
index.js
$(function() {
$("#sankeyContainer").dxSankey({
// ...
title: {
font: {
color: "black"
}
}
});
});Angular
app.component.html
app.component.ts
app.module.ts
<dx-sankey ... >
<dxo-title ... >
<dxo-font
color="black">
</dxo-font>
</dxo-title>
</dx-sankey>
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 { DxChartModule } from 'devextreme-angular';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
DxChartModule
],
providers: [ ],
bootstrap: [AppComponent]
})
export class AppModule { }Vue
DxComponent.vue
<template>
<dx-sankey ... >
<dx-title ... >
<dx-font
color="black"
/>
</dx-title>
</dx-sankey>
</template>
<script>
import DxSankey, {
DxTitle,
DxFont
} from 'devextreme-vue/sankey';
export default {
components: {
DxSankey,
DxTitle,
DxFont
},
// ...
}
</script>React
DxComponent.js
import React from 'react';
import Sankey, {
Title,
Font
} from 'devextreme-react/sankey';
class DxComponent extends React.Component {
render() {
return (
<Sankey ... >
<Title ... >
<Font color="black" />
</Title>
</Sankey>
);
}
}
export default DxComponent;horizontalAlignment
Use the HorizontalAlignment enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: Left, Center, and Right.
See Also
- title.verticalAlignment
verticalAlignment
Use the VerticalEdge enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: Top and Bottom.
See Also
- title.horizontalAlignment
Feedback