Tutorial 59: Horizontal Bars with Empty Values or Gaps
« on: October 17, 2016, 12:27:26 AM »
This sample code shows how to create a horizontal bar chart with gaps.
 
Key aspects of this tutorial:
  • Simple value assigning.
  • Custom gaps or empty values.
Steps:

1. Create a new Windows application project (C#) and name it HorizontalBars_Tutorial.
2. Add Crossing Charts Library to the toolbox pallete and drag it to Form1. Name it chart1.
3. Edit Form1.cs and copy and paste de following code:

Code: [Select]
using System;
using System.Windows.Forms;
using CrossingChartsLibrary;

namespace HorizontalBars_Tutorial
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            // Chart style
            crossingCharts1.Style = STYLE2D3D.STYLE2D_HORIZONTAL_BAR;

            // Set the name of each serie
            crossingCharts1.SeriesLegend = new String[] { "Product 1", "Product 2" };

            // Set the name of each item
            crossingCharts1.ItemsLegend = new String[] { "A1", "A2", "A3", "", "A4", "A5", "A6" };

            // Set values labels placement style
            crossingCharts1.ValuesLocationStyle = STYLECAPTIONLOCATION.STYLECAPTIONLOCATION_INSIDE;

            // Add data
            SeriesFactory sf = new SeriesFactory();
            sf.AddValue(15);      // Add one value
            sf.AddValue(70);      // Another...
            sf.AddValue(67);     
            sf.AddValueEmpty();   // Add a gap
            sf.AddValue(65);
            sf.AddValue(95);
            sf.AddValue(87);
            sf.NewSerie();        // Begin a new serie...
            sf.AddValue(23);      // Add a value to the new serie
            sf.AddValue(45);      // Another...
            sf.AddValue(55);
            sf.AddValueEmpty();   // Gap in serie 2
            sf.AddValue(85);
            sf.AddValue(70);
            sf.AddValue(45);
            sf.ApplyTo(crossingCharts1);   // Apply values to chart

        }
    }
}

Results: