Skip to main content
A newer version of this page is available. .

BootstrapPieChart.Diameter Property

Specifies the ratio of the Pie Chart diameter to the smallest widget’s side length.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v19.1.dll

Declaration

[DefaultValue(typeof(decimal), "1")]
[Range(typeof(decimal), "0", "1")]
public decimal Diameter { get; set; }

Property Value

Type Default Description
Decimal "1"

A value defining the pie diameter.

Remarks

This option accepts a number that identifies the ratio between the pie’s diameter and the widget’s width or height (depending on which of them is less). For example, assume that the widget’s size is 300x500 pixels and the Diameter option is set to 0.5. Then, the resulting diameter of the pie will be: 0.5 * min(300,500) = 0.5 * 300 = 150 pixels.

  • Diameter = 1
    <dx:BootstrapPieChart ID="PieChartSeries" runat="server" Diameter="1">
      <SeriesCollection>
        <dx:BootstrapPieChartSeries ArgumentField="country" ValueField="population">
          <Label Visible="true">
            <Format Type="Millions" />
          </Label>
        </dx:BootstrapPieChartSeries>
      </SeriesCollection>
    </dx:BootstrapPieChart>
    

Bootstrap-PieChart-Diameter_1

  • Diameter = 0.5
    <dx:BootstrapPieChart ID="PieChartSeries" runat="server" Diameter="0.5">
      <SeriesCollection>
        <dx:BootstrapPieChartSeries ArgumentField="country" ValueField="population">
          <Label Visible="true">
            <Format Type="Millions" />
          </Label>
        </dx:BootstrapPieChartSeries>
      </SeriesCollection>
    </dx:BootstrapPieChart>
    

Bootstrap-PieChart-Diameter_0_5

  • Diameter = 0.3
    <dx:BootstrapPieChart ID="PieChartSeries" runat="server" Diameter="0.3">
      <SeriesCollection>
        <dx:BootstrapPieChartSeries ArgumentField="country" ValueField="population">
          <Label Visible="true">
            <Format Type="Millions" />
          </Label>
        </dx:BootstrapPieChartSeries>
      </SeriesCollection>
    </dx:BootstrapPieChart>
    

Bootstrap-PieChart-Diameter_0_3

See Also