React PieChart - Relocate Labels

Labels are located beside their series points by default. Change the series.label.position property to rearrange labels in columns or place them inside series points.

App.js
  • import React from 'react';
  • import PieChart, {
  • Series,
  • Label
  • } from 'devextreme-react/pie-chart';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <PieChart ... >
  • <Series>
  • <Label position="columns" /> {/* or "inside" | "outside" */}
  • </Series>
  • </PieChart>
  • );
  • }
  • }

View Demo

See Also