JavaScript/jQuery PieChart - Relocate the Legend
The legend can be aligned in the horizontal or vertical direction using the horizontalAlignment or verticalAlignment property.
HTML
TypeScript
- <dx-pie-chart>
- <dxo-legend
- horizontalAlignment="center" <!-- or "left" | "right" -->
- verticalAlignment="top"> <!-- or "bottom" -->
- </dxo-legend>
- </dx-pie-chart>
- import { DxPieChartModule } from "devextreme-angular";
- // ...
- export class AppComponent {
- // ...
- }
- @NgModule({
- imports: [
- // ...
- DxPieChartModule
- ],
- // ...
- })
Below, you can try out these properties in action.
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.