Bunifu Framework Docs
HomePricingFAQsMy Account
  • Introduction
  • Getting started
    • Requirements
    • Installation
    • Installing for .Net 5 & Above
    • Licensing
      • Managing your licenses
      • Bunifu Licensing CLI
      • Bunifu Device Remover (Deprecated)
  • BUNIFU UI
    • Controls
      • Bunifu Button
      • Bunifu Button (variant)
      • Bunifu Cards
      • Bunifu CheckBox
      • Bunifu Circle Progress
      • Bunifu Datagrid View
      • Bunifu Date Picker
      • Bunifu Drop Down
      • Bunifu Flat Button
      • Bunifu Form Caption Button
      • Bunifu Form Control Box
      • Bunifu Form Resize Icon
      • Bunifu Gradient Panel
      • Bunifu Icon Button
      • Bunifu Image Button (New)
      • Bunifu Image Button (Old)
      • Bunifu IOS Switch (1.5.3)
      • Bunifu Label
      • Bunifu Loader
      • Bunifu Picture Box
      • Bunifu Pages
      • Bunifu Panel
      • Bunifu Progress Bar
      • Bunifu Radial Gauge
      • Bunifu Radio Button
      • Bunifu Rating
      • Bunifu Range
      • Bunifu Separator
      • Bunifu Sliders
      • Bunifu Shadow Panel
      • Bunifu Shapes
      • Bunifu Switch (1.5.3)
      • Bunifu ScrollBars
      • Bunifu Toggle Switch
      • Bunifu Toggle Switch (variant)
      • Bunifu Tile Button
      • Bunifu Thin Button (1.5.3)
      • Bunifu ToolTip
      • Bunifu Textbox
      • Bunifu User Control
    • Components
      • Bunifu Color Transition
      • Bunifu Drag
      • Bunifu Elipse [Deprecated]
      • Bunifu Form Dock
      • Bunifu Form Drag
      • Bunifu Form Resizer
      • Bunifu Snackbar
      • Bunifu Transition
  • BUNIFU CHARTS
    • Introduction
      • Quick Tips
    • Chart Components
      • Bunifu Bar Chart
      • Bunifu Bubble Chart
      • Bunifu Canvas Control
      • Bunifu Doughnut Chart
      • Bunifu Horizontal bar Chart
      • Bunifu Line Chart
      • Bunifu Pie chart
      • Bunifu Polar Chart
      • Bunifu Radar Chart
  • BUNIFU DATAVIZ [Deprecated]
    • Basic Charts [Deprecated]
      • Step Line Chart [Deprecated]
      • Step Area Chart [Deprecated]
      • Spline Chart [Deprecated]
      • Pie Chart [Deprecated]
      • Line Chart [Deprecated]
      • Doughnut Chart [Deprecated]
      • Bar Chart [Deprecated]
      • Area Chart [Deprecated]
      • Column Chart [Deprecated]
    • Advanced Charts [Deprecated]
      • Stacked Column 100 Chart [Deprecated]
      • Stacked Column Chart [Deprecated]
      • Stacked Bar Chart 100 [Deprecated]
      • Stacked Bar Chart [Deprecated]
      • Stacked Area Chart 100 [Deprecated]
      • Stacked Area Chart [Deprecated]
      • Scatter Chart [Deprecated]
      • Range Spline Area Chart [Deprecated]
      • Range Column Chart [Deprecated]
      • Range Bar Chart [Deprecated]
      • Range Area Chart [Deprecated]
      • OHLC Chart [Deprecated]
      • Candle Stick Chart [Deprecated]
      • Bubble Chart [Deprecated]
Powered by GitBook
On this page
  • Overview
  • Getting Started
  • Chart structure

Was this helpful?

  1. BUNIFU CHARTS

Introduction

Create stunning visualizations and responsive charts for your dashboards and data-centric applications

PreviousBunifu TransitionNextQuick Tips

Last updated 4 years ago

Was this helpful?

Overview

Bunifu Charts is a well-crafted chart component to visualize your application data. It contains a rich gallery of 7+ charts and graphs and its high performance helps render large amounts of data quickly. It also comes with features such as animations, tooltips, and awesome customizations that are easily configurable.

Here’s is an application utilizing Bunifu Charts to visualize its data:

Getting Started

Let's look at these seven steps to quickly start using this control by building a simple basic bar chart.‌

Step 1: From the toolbox, look for the control named BunifuChartCanvas and drag it to your form. The canvas will then display a set of grids on both the X-Axis and Y-Axis, as shown below:

‌Step 2: Pick the BunifuBarChart component and drag it to the form. Once dropped in the form, it will appear in the space below the form i.e., the (component tray). There will be two sets of properties displayed on the component's fly, i.e., the TargetCavas and Data properties.

‌Step 3: In the TargetCanvas dropdown field, make sure you select the canvas control (dragged on step one) as the target. Here's a gif preview of the two above steps:

‌Step 4: Navigate to the canvas's properties on the form and look for the label's property and click its three-dotted button. Copy the following data and paste it into the label field:

Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday

‌Step 5: Get to the properties of bunifuBarChart1. In the data property click its three-dotted button and start adding the following values for each label pasted above:

In the label field, remember to put a label that tells us what the data is presenting. For this case put the label as the Number of users.

Step 6: Run the demo. You should see the form displayed as below:

Chart structure

This section gives you an idea of the different sections of the chart control. Below is the image that illustrates the various sections:

As you paste the data make sure each string ish on its own line

🧙‍♂️