The Bootstrap Sparkline control can display one of the following chart types:

Line

Unsupported Web Browser

To explore the capabilities of the DevExpress product line, please reload this webpage with a different web browser.

<dx:BootstrapSparkline runat="server" Height="50px" Type="Line" ArgumentField="date" ValueField="sales" DataSourceUrl="~/jsondata/simple.json">
</dx:BootstrapSparkline>

Spline

Unsupported Web Browser

To explore the capabilities of the DevExpress product line, please reload this webpage with a different web browser.

<dx:BootstrapSparkline runat="server" Height="50px" Type="Spline" ArgumentField="date" ValueField="sales" DataSourceUrl="~/jsondata/simple.json">
</dx:BootstrapSparkline>

Stepline

Unsupported Web Browser

To explore the capabilities of the DevExpress product line, please reload this webpage with a different web browser.

<dx:BootstrapSparkline runat="server" Height="50px" Type="StepLine" ArgumentField="year" ValueField="gold" DataSourceUrl="~/jsondata/ChartTypes/stepline.json">
</dx:BootstrapSparkline>

Area

Unsupported Web Browser

To explore the capabilities of the DevExpress product line, please reload this webpage with a different web browser.

<dx:BootstrapSparkline runat="server" Height="50px" Type="Area" ArgumentField="date" ValueField="sales" DataSourceUrl="~/jsondata/simple.json">
</dx:BootstrapSparkline>

Splinearea

Unsupported Web Browser

To explore the capabilities of the DevExpress product line, please reload this webpage with a different web browser.

<dx:BootstrapSparkline runat="server" Height="50px" Type="SplineArea" ArgumentField="date" ValueField="sales" DataSourceUrl="~/jsondata/simple.json">
</dx:BootstrapSparkline>

Steparea

Unsupported Web Browser

To explore the capabilities of the DevExpress product line, please reload this webpage with a different web browser.

<dx:BootstrapSparkline runat="server" Height="50px" Type="StepArea" ArgumentField="year" ValueField="bronze" DataSourceUrl="~/jsondata/ChartTypes/steparea.json">
</dx:BootstrapSparkline>

Bar

Unsupported Web Browser

To explore the capabilities of the DevExpress product line, please reload this webpage with a different web browser.

<dx:BootstrapSparkline runat="server" Height="50px" Type="Bar" ArgumentField="date" ValueField="sales" DataSourceUrl="~/jsondata/simple.json">
</dx:BootstrapSparkline>

Win-Loss

Unsupported Web Browser

To explore the capabilities of the DevExpress product line, please reload this webpage with a different web browser.

<dx:BootstrapSparkline runat="server" Height="50px" Type="WinLoss" WinLossThreshold="3" ArgumentField="date" ValueField="profit" DataSourceUrl="~/jsondata/sales.json">
</dx:BootstrapSparkline>
Screen Size
Color Themes
Demo QR Code