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

Line

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

Spline

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

Stepline

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

Area

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

Splinearea

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

Steparea

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

Bar

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

Win-Loss

<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