JavaScript/jQuery PolarChart - legend.title
To specify only the title's text, assign it directly to this property. Otherwise, set this property to an object with the text and other fields specified.
The title can be accompanied by a subtitle. Assign it to the title.subtitle property.
font
Type:
jQuery
index.js
$(function() {
$("#polarChartContainer").dxPolarChart({
// ...
legend: {
title: {
font: {
color: "black"
}
}
}
});
});Angular
app.component.html
app.component.ts
app.module.ts
<dx-polar-chart ... >
<dxo-legend>
<dxo-title ... >
<dxo-font
color="black">
</dxo-font>
</dxo-title>
</dxo-legend>
</dx-polar-chart>
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 { DxPolarChartModule } from 'devextreme-angular';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
DxPolarChartModule
],
providers: [ ],
bootstrap: [AppComponent]
})
export class AppModule { }Vue
App.vue
<template>
<DxPolarChart ... >
<DxLegend>
<DxTitle ... >
<DxFont
color="black"
/>
</DxTitle>
</DxLegend>
</DxPolarChart>
</template>
<script>
import DxPolarChart, {
DxLegend,
DxTitle,
DxFont
} from 'devextreme-vue/polar-chart';
export default {
components: {
DxPolarChart,
DxLegend,
DxTitle,
DxFont
},
// ...
}
</script>React
App.js
import React from 'react';
import PolarChart, {
Legend,
Title,
Font
} from 'devextreme-react/polar-chart';
class App extends React.Component {
render() {
return (
<PolarChart ... >
<Legend ... >
<Title ... >
<Font color="black" />
</Title>
</Legend>
</PolarChart>
);
}
}
export default App;horizontalAlignment
Along with verticalAlignment, specifies the legend title's position.
Use the HorizontalAlignment enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Left, Center, and Right.
verticalAlignment
Use the VerticalEdge enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Top and Bottom.
Feedback