Gallery
JS Org Vertical Column Styled
<%@ Page Language="C#" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Drawing.Drawing2D" %>
<script runat="server">
void Page_Load(Object sender, EventArgs e)
{
// Demonstrates an organizational chart with vertical layout and styling of leaf nodes.
Chart.TempDirectory = "temp";
Chart.Debug = false;
Chart.JS.Enabled = true;
Chart.JS.ControlID = "myJSC";
Chart.Type = ChartType.Organizational;
Chart.Size = "850x550";
Chart.DefaultSeries.DefaultLeafElement.SmartLabel.Font = new Font("Arial", 8);
Chart.JS.Settings.Add("defaultSeries.defaultLeafPoint.connectorLine.visible", "false");
Chart.JS.Settings.Add("defaultSeries.defaultLeafPoint.annotation.margin", "[-4,10]");
Chart.JS.Settings.Add("defaultSeries.defaultPoint.annotation.margin", "[4, 4, 5, -10]");
Chart.DefaultElement.ToolTip = "";
Chart.DefaultElement.Annotation.Label.Text = "<b>%position</b><br>%name";
Chart.DefaultElement.Annotation.Label.Width = 110;
Chart.DefaultElement.Annotation.SyncHeight = SyncDimention.Level;
Chart.DefaultElement.Outline.Width = 0;
Chart.DefaultSeries.Line.Width = 1;
Chart.DefaultSeries.Line.Color = ColorTranslator.FromHtml("#e0e0e0"); ;
// *DYNAMIC DATA NOTE*
// This sample uses random data to populate the chart. To populate
// a chart with database data see the following resources:
// - Use the getLiveData() method using the dataEngine to query a database.
// - Help File > Getting Started > Data Tutorials
// - DataEngine Class in the help file
// - Sample: features/DataEngine.aspx
SeriesCollection mySC = getData();
// Add the random data.
Chart.SeriesCollection.Add(mySC);
}
SeriesCollection getData()
{
SeriesCollection sc = new SeriesCollection();
Series ser1 = new Series("");
Element el1 = new Element();
el1.Name = "Ellis Davidson";
el1.Color = ColorTranslator.FromHtml("white");
el1.CustomAttributes["position"] = "Director of Human Resources";
el1.CustomAttributes["role"] = "";
ser1.Elements.Add(el1);
Element el2 = new Element();
el2.Name = "Leroy Gonzalez";
el2.Color = ColorTranslator.FromHtml("white");
el2.Parent = el1;
el2.CustomAttributes["position"] = "Compensation Analysis";
el2.CustomAttributes["role"] = "";
ser1.Elements.Add(el2);
Element el3 = new Element();
el3.Name = "Martha Butler";
el3.Color = ColorTranslator.FromHtml("#ce93d8");
el3.Parent = el2;
el3.CustomAttributes["position"] = "Job Evaluation";
el3.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el3);
Element el4 = new Element();
el4.Name = "Jacquelyn Aguilar";
el4.Color = ColorTranslator.FromHtml("#ce93d8");
el4.Parent = el2;
el4.CustomAttributes["position"] = "Salary Board";
el4.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el4);
Element el5 = new Element();
el5.Name = "Gregory Floyd";
el5.Color = ColorTranslator.FromHtml("#ce93d8");
el5.Parent = el2;
el5.CustomAttributes["position"] = "Merit Admin";
el5.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el5);
Element el6 = new Element();
el6.Name = "Devin Wells";
el6.Color = ColorTranslator.FromHtml("#ce93d8");
el6.Parent = el2;
el6.CustomAttributes["position"] = "Attendance Incentive";
el6.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el6);
Element el7 = new Element();
el7.Name = "Lauren Thornton";
el7.Color = ColorTranslator.FromHtml("#ce93d8");
el7.Parent = el2;
el7.CustomAttributes["position"] = "HRIS";
el7.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el7);
Element el8 = new Element();
el8.Name = "Dana Payne";
el8.Color = ColorTranslator.FromHtml("white");
el8.Parent = el1;
el8.CustomAttributes["position"] = "Benefits Administration";
el8.CustomAttributes["role"] = "";
ser1.Elements.Add(el8);
Element el9 = new Element();
el9.Name = "Kathleen Lynch";
el9.Color = ColorTranslator.FromHtml("#f48fb1");
el9.Parent = el8;
el9.CustomAttributes["position"] = "Flex Benefits";
el9.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el9);
Element el10 = new Element();
el10.Name = "Grant Foster";
el10.Color = ColorTranslator.FromHtml("#f48fb1");
el10.Parent = el8;
el10.CustomAttributes["position"] = "Workers Comp";
el10.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el10);
Element el11 = new Element();
el11.Name = "Edwin Carson";
el11.Color = ColorTranslator.FromHtml("#f48fb1");
el11.Parent = el8;
el11.CustomAttributes["position"] = "LTD";
el11.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el11);
Element el12 = new Element();
el12.Name = "Vickie Price";
el12.Color = ColorTranslator.FromHtml("#f48fb1");
el12.Parent = el8;
el12.CustomAttributes["position"] = "Open Enrollment";
el12.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el12);
Element el13 = new Element();
el13.Name = "Kristen Hughes";
el13.Color = ColorTranslator.FromHtml("white");
el13.Parent = el1;
el13.CustomAttributes["position"] = "Risk Management";
el13.CustomAttributes["role"] = "";
ser1.Elements.Add(el13);
Element el14 = new Element();
el14.Name = "Florence Mcguire";
el14.Color = ColorTranslator.FromHtml("#90caf9");
el14.Parent = el13;
el14.CustomAttributes["position"] = "Property Insurance";
el14.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el14);
Element el15 = new Element();
el15.Name = "Brandi Russell";
el15.Color = ColorTranslator.FromHtml("#90caf9");
el15.Parent = el13;
el15.CustomAttributes["position"] = "General Liability";
el15.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el15);
Element el16 = new Element();
el16.Name = "Jill Todd";
el16.Color = ColorTranslator.FromHtml("#90caf9");
el16.Parent = el13;
el16.CustomAttributes["position"] = "Professional Liability";
el16.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el16);
Element el17 = new Element();
el17.Name = "Lola Ramos";
el17.Color = ColorTranslator.FromHtml("#90caf9");
el17.Parent = el13;
el17.CustomAttributes["position"] = "Emergency Procedures";
el17.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el17);
Element el18 = new Element();
el18.Name = "Ismael Jenkins";
el18.Color = ColorTranslator.FromHtml("#90caf9");
el18.Parent = el13;
el18.CustomAttributes["position"] = "Safety Program";
el18.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el18);
Element el19 = new Element();
el19.Name = "Sheri Tate";
el19.Color = ColorTranslator.FromHtml("white");
el19.Parent = el1;
el19.CustomAttributes["position"] = "Employee Training";
el19.CustomAttributes["role"] = "";
ser1.Elements.Add(el19);
Element el20 = new Element();
el20.Name = "Fannie Chandler";
el20.Color = ColorTranslator.FromHtml("#80cbc4");
el20.Parent = el19;
el20.CustomAttributes["position"] = "Training Partnership";
el20.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el20);
Element el21 = new Element();
el21.Name = "Frankie Clark";
el21.Color = ColorTranslator.FromHtml("#80cbc4");
el21.Parent = el19;
el21.CustomAttributes["position"] = "Course Procedure";
el21.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el21);
Element el22 = new Element();
el22.Name = "Amos Wong";
el22.Color = ColorTranslator.FromHtml("#80cbc4");
el22.Parent = el19;
el22.CustomAttributes["position"] = "Workforce Committee";
el22.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el22);
Element el23 = new Element();
el23.Name = "Israel Edwards";
el23.Color = ColorTranslator.FromHtml("#80cbc4");
el23.Parent = el19;
el23.CustomAttributes["position"] = "Program Development";
el23.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el23);
Element el24 = new Element();
el24.Name = "Dolores Robbins";
el24.Color = ColorTranslator.FromHtml("white");
el24.Parent = el1;
el24.CustomAttributes["position"] = "Employee Relations";
el24.CustomAttributes["role"] = "";
ser1.Elements.Add(el24);
Element el25 = new Element();
el25.Name = "Victoria Robertson";
el25.Color = ColorTranslator.FromHtml("#c5e1a5");
el25.Parent = el24;
el25.CustomAttributes["position"] = "Client Consultations";
el25.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el25);
Element el26 = new Element();
el26.Name = "Opal Sparks";
el26.Color = ColorTranslator.FromHtml("#c5e1a5");
el26.Parent = el24;
el26.CustomAttributes["position"] = "Grievance Procedure";
el26.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el26);
Element el27 = new Element();
el27.Name = "Lorena Larson";
el27.Color = ColorTranslator.FromHtml("#c5e1a5");
el27.Parent = el24;
el27.CustomAttributes["position"] = "FMLA Administration";
el27.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el27);
Element el28 = new Element();
el28.Name = "Wade King";
el28.Color = ColorTranslator.FromHtml("#c5e1a5");
el28.Parent = el24;
el28.CustomAttributes["position"] = "Unemployment Comp";
el28.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el28);
Element el29 = new Element();
el29.Name = "Rene Ellis";
el29.Color = ColorTranslator.FromHtml("#c5e1a5");
el29.Parent = el24;
el29.CustomAttributes["position"] = "EEO";
el29.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el29);
Element el30 = new Element();
el30.Name = "Lance Mendoza";
el30.Color = ColorTranslator.FromHtml("white");
el30.Parent = el1;
el30.CustomAttributes["position"] = "Employee Staffing";
el30.CustomAttributes["role"] = "";
ser1.Elements.Add(el30);
Element el31 = new Element();
el31.Name = "Randal Schultz";
el31.Color = ColorTranslator.FromHtml("#ffe082");
el31.Parent = el30;
el31.CustomAttributes["position"] = "Job Postings";
el31.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el31);
Element el32 = new Element();
el32.Name = "Lydia Holt";
el32.Color = ColorTranslator.FromHtml("#ffe082");
el32.Parent = el30;
el32.CustomAttributes["position"] = "Applicant Sourcing";
el32.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el32);
Element el33 = new Element();
el33.Name = "John Alvarado";
el33.Color = ColorTranslator.FromHtml("#ffe082");
el33.Parent = el30;
el33.CustomAttributes["position"] = "Summer Employment";
el33.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el33);
Element el34 = new Element();
el34.Name = "Ralph Meyer";
el34.Color = ColorTranslator.FromHtml("#ffe082");
el34.Parent = el30;
el34.CustomAttributes["position"] = "Applicant Screening";
el34.CustomAttributes["role"] = "unit";
ser1.Elements.Add(el34);
sc.Add(ser1);
return sc;
}
SeriesCollection getLiveData()
{
DataEngine de = new DataEngine("ConnectionString goes here");
de.ChartObject = Chart; // Necessary to view any errors the dataEngine may throw.
de.SqlStatement = "SELECT XAxisColumn, YAxisColumn FROM ....";
return de.GetSeries();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
<script type="text/javascript">
function orientChart(direction) { myJSC.options({ 'type': 'organization ' + direction }) };
</script>
</head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>
<%@ Page Language="vb" Description="dotnetCHARTING Component" %>
<%@ Register TagPrefix="dotnet" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Drawing.Drawing2D" %>
<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
' Demonstrates an organizational chart with vertical layout and styling of leaf nodes.
Chart.TempDirectory = "temp"
Chart.Debug = False
Chart.JS.Enabled = True
Chart.JS.ControlID = "myJSC"
Chart.Type = ChartType.Organizational
Chart.Size = "850x550"
Chart.DefaultSeries.DefaultLeafElement.SmartLabel.Font = New Font("Arial", 8)
Chart.JS.Settings.Add("defaultSeries.defaultLeafPoint.connectorLine.visible", "false")
Chart.JS.Settings.Add("defaultSeries.defaultLeafPoint.annotation.margin", "[-4,10]")
Chart.JS.Settings.Add("defaultSeries.defaultPoint.annotation.margin", "[4, 4, 5, -10]")
Chart.DefaultElement.ToolTip = ""
Chart.DefaultElement.Annotation.Label.Text = "<b>%position</b><br>%name"
Chart.DefaultElement.Annotation.Label.Width = 110
Chart.DefaultElement.Annotation.SyncHeight = SyncDimention.Level
Chart.DefaultElement.Outline.Width = 0
Chart.DefaultSeries.Line.Width = 1
Chart.DefaultSeries.Line.Color = ColorTranslator.FromHtml("#e0e0e0")
' *DYNAMIC DATA NOTE*
' This sample uses random data to populate the chart. To populate
' a chart with database data see the following resources:
' - Use the getLiveData() method using the dataEngine to query a database.
' - Help File > Getting Started > Data Tutorials
' - DataEngine Class in the help file
' - Sample: features/DataEngine.aspx
Dim mySC As SeriesCollection = getData()
' Add the random data.
Chart.SeriesCollection.Add(mySC)
End Sub
Function getData() As SeriesCollection
Dim sc As SeriesCollection = New SeriesCollection()
Dim ser1 As Series = New Series("")
Dim el1 As Element = New Element()
el1.Name = "Ellis Davidson"
el1.Color = ColorTranslator.FromHtml("white")
el1.CustomAttributes("position") = "Director of Human Resources"
el1.CustomAttributes("role") = ""
ser1.Elements.Add(el1)
Dim el2 As Element = New Element()
el2.Name = "Leroy Gonzalez"
el2.Color = ColorTranslator.FromHtml("white")
el2.Parent = el1
el2.CustomAttributes("position") = "Compensation Analysis"
el2.CustomAttributes("role") = ""
ser1.Elements.Add(el2)
Dim el3 As Element = New Element()
el3.Name = "Martha Butler"
el3.Color = ColorTranslator.FromHtml("#ce93d8")
el3.Parent = el2
el3.CustomAttributes("position") = "Job Evaluation"
el3.CustomAttributes("role") = "unit"
ser1.Elements.Add(el3)
Dim el4 As Element = New Element()
el4.Name = "Jacquelyn Aguilar"
el4.Color = ColorTranslator.FromHtml("#ce93d8")
el4.Parent = el2
el4.CustomAttributes("position") = "Salary Board"
el4.CustomAttributes("role") = "unit"
ser1.Elements.Add(el4)
Dim el5 As Element = New Element()
el5.Name = "Gregory Floyd"
el5.Color = ColorTranslator.FromHtml("#ce93d8")
el5.Parent = el2
el5.CustomAttributes("position") = "Merit Admin"
el5.CustomAttributes("role") = "unit"
ser1.Elements.Add(el5)
Dim el6 As Element = New Element()
el6.Name = "Devin Wells"
el6.Color = ColorTranslator.FromHtml("#ce93d8")
el6.Parent = el2
el6.CustomAttributes("position") = "Attendance Incentive"
el6.CustomAttributes("role") = "unit"
ser1.Elements.Add(el6)
Dim el7 As Element = New Element()
el7.Name = "Lauren Thornton"
el7.Color = ColorTranslator.FromHtml("#ce93d8")
el7.Parent = el2
el7.CustomAttributes("position") = "HRIS"
el7.CustomAttributes("role") = "unit"
ser1.Elements.Add(el7)
Dim el8 As Element = New Element()
el8.Name = "Dana Payne"
el8.Color = ColorTranslator.FromHtml("white")
el8.Parent = el1
el8.CustomAttributes("position") = "Benefits Administration"
el8.CustomAttributes("role") = ""
ser1.Elements.Add(el8)
Dim el9 As Element = New Element()
el9.Name = "Kathleen Lynch"
el9.Color = ColorTranslator.FromHtml("#f48fb1")
el9.Parent = el8
el9.CustomAttributes("position") = "Flex Benefits"
el9.CustomAttributes("role") = "unit"
ser1.Elements.Add(el9)
Dim el10 As Element = New Element()
el10.Name = "Grant Foster"
el10.Color = ColorTranslator.FromHtml("#f48fb1")
el10.Parent = el8
el10.CustomAttributes("position") = "Workers Comp"
el10.CustomAttributes("role") = "unit"
ser1.Elements.Add(el10)
Dim el11 As Element = New Element()
el11.Name = "Edwin Carson"
el11.Color = ColorTranslator.FromHtml("#f48fb1")
el11.Parent = el8
el11.CustomAttributes("position") = "LTD"
el11.CustomAttributes("role") = "unit"
ser1.Elements.Add(el11)
Dim el12 As Element = New Element()
el12.Name = "Vickie Price"
el12.Color = ColorTranslator.FromHtml("#f48fb1")
el12.Parent = el8
el12.CustomAttributes("position") = "Open Enrollment"
el12.CustomAttributes("role") = "unit"
ser1.Elements.Add(el12)
Dim el13 As Element = New Element()
el13.Name = "Kristen Hughes"
el13.Color = ColorTranslator.FromHtml("white")
el13.Parent = el1
el13.CustomAttributes("position") = "Risk Management"
el13.CustomAttributes("role") = ""
ser1.Elements.Add(el13)
Dim el14 As Element = New Element()
el14.Name = "Florence Mcguire"
el14.Color = ColorTranslator.FromHtml("#90caf9")
el14.Parent = el13
el14.CustomAttributes("position") = "Property Insurance"
el14.CustomAttributes("role") = "unit"
ser1.Elements.Add(el14)
Dim el15 As Element = New Element()
el15.Name = "Brandi Russell"
el15.Color = ColorTranslator.FromHtml("#90caf9")
el15.Parent = el13
el15.CustomAttributes("position") = "General Liability"
el15.CustomAttributes("role") = "unit"
ser1.Elements.Add(el15)
Dim el16 As Element = New Element()
el16.Name = "Jill Todd"
el16.Color = ColorTranslator.FromHtml("#90caf9")
el16.Parent = el13
el16.CustomAttributes("position") = "Professional Liability"
el16.CustomAttributes("role") = "unit"
ser1.Elements.Add(el16)
Dim el17 As Element = New Element()
el17.Name = "Lola Ramos"
el17.Color = ColorTranslator.FromHtml("#90caf9")
el17.Parent = el13
el17.CustomAttributes("position") = "Emergency Procedures"
el17.CustomAttributes("role") = "unit"
ser1.Elements.Add(el17)
Dim el18 As Element = New Element()
el18.Name = "Ismael Jenkins"
el18.Color = ColorTranslator.FromHtml("#90caf9")
el18.Parent = el13
el18.CustomAttributes("position") = "Safety Program"
el18.CustomAttributes("role") = "unit"
ser1.Elements.Add(el18)
Dim el19 As Element = New Element()
el19.Name = "Sheri Tate"
el19.Color = ColorTranslator.FromHtml("white")
el19.Parent = el1
el19.CustomAttributes("position") = "Employee Training"
el19.CustomAttributes("role") = ""
ser1.Elements.Add(el19)
Dim el20 As Element = New Element()
el20.Name = "Fannie Chandler"
el20.Color = ColorTranslator.FromHtml("#80cbc4")
el20.Parent = el19
el20.CustomAttributes("position") = "Training Partnership"
el20.CustomAttributes("role") = "unit"
ser1.Elements.Add(el20)
Dim el21 As Element = New Element()
el21.Name = "Frankie Clark"
el21.Color = ColorTranslator.FromHtml("#80cbc4")
el21.Parent = el19
el21.CustomAttributes("position") = "Course Procedure"
el21.CustomAttributes("role") = "unit"
ser1.Elements.Add(el21)
Dim el22 As Element = New Element()
el22.Name = "Amos Wong"
el22.Color = ColorTranslator.FromHtml("#80cbc4")
el22.Parent = el19
el22.CustomAttributes("position") = "Workforce Committee"
el22.CustomAttributes("role") = "unit"
ser1.Elements.Add(el22)
Dim el23 As Element = New Element()
el23.Name = "Israel Edwards"
el23.Color = ColorTranslator.FromHtml("#80cbc4")
el23.Parent = el19
el23.CustomAttributes("position") = "Program Development"
el23.CustomAttributes("role") = "unit"
ser1.Elements.Add(el23)
Dim el24 As Element = New Element()
el24.Name = "Dolores Robbins"
el24.Color = ColorTranslator.FromHtml("white")
el24.Parent = el1
el24.CustomAttributes("position") = "Employee Relations"
el24.CustomAttributes("role") = ""
ser1.Elements.Add(el24)
Dim el25 As Element = New Element()
el25.Name = "Victoria Robertson"
el25.Color = ColorTranslator.FromHtml("#c5e1a5")
el25.Parent = el24
el25.CustomAttributes("position") = "Client Consultations"
el25.CustomAttributes("role") = "unit"
ser1.Elements.Add(el25)
Dim el26 As Element = New Element()
el26.Name = "Opal Sparks"
el26.Color = ColorTranslator.FromHtml("#c5e1a5")
el26.Parent = el24
el26.CustomAttributes("position") = "Grievance Procedure"
el26.CustomAttributes("role") = "unit"
ser1.Elements.Add(el26)
Dim el27 As Element = New Element()
el27.Name = "Lorena Larson"
el27.Color = ColorTranslator.FromHtml("#c5e1a5")
el27.Parent = el24
el27.CustomAttributes("position") = "FMLA Administration"
el27.CustomAttributes("role") = "unit"
ser1.Elements.Add(el27)
Dim el28 As Element = New Element()
el28.Name = "Wade King"
el28.Color = ColorTranslator.FromHtml("#c5e1a5")
el28.Parent = el24
el28.CustomAttributes("position") = "Unemployment Comp"
el28.CustomAttributes("role") = "unit"
ser1.Elements.Add(el28)
Dim el29 As Element = New Element()
el29.Name = "Rene Ellis"
el29.Color = ColorTranslator.FromHtml("#c5e1a5")
el29.Parent = el24
el29.CustomAttributes("position") = "EEO"
el29.CustomAttributes("role") = "unit"
ser1.Elements.Add(el29)
Dim el30 As Element = New Element()
el30.Name = "Lance Mendoza"
el30.Color = ColorTranslator.FromHtml("white")
el30.Parent = el1
el30.CustomAttributes("position") = "Employee Staffing"
el30.CustomAttributes("role") = ""
ser1.Elements.Add(el30)
Dim el31 As Element = New Element()
el31.Name = "Randal Schultz"
el31.Color = ColorTranslator.FromHtml("#ffe082")
el31.Parent = el30
el31.CustomAttributes("position") = "Job Postings"
el31.CustomAttributes("role") = "unit"
ser1.Elements.Add(el31)
Dim el32 As Element = New Element()
el32.Name = "Lydia Holt"
el32.Color = ColorTranslator.FromHtml("#ffe082")
el32.Parent = el30
el32.CustomAttributes("position") = "Applicant Sourcing"
el32.CustomAttributes("role") = "unit"
ser1.Elements.Add(el32)
Dim el33 As Element = New Element()
el33.Name = "John Alvarado"
el33.Color = ColorTranslator.FromHtml("#ffe082")
el33.Parent = el30
el33.CustomAttributes("position") = "Summer Employment"
el33.CustomAttributes("role") = "unit"
ser1.Elements.Add(el33)
Dim el34 As Element = New Element()
el34.Name = "Ralph Meyer"
el34.Color = ColorTranslator.FromHtml("#ffe082")
el34.Parent = el30
el34.CustomAttributes("position") = "Applicant Screening"
el34.CustomAttributes("role") = "unit"
ser1.Elements.Add(el34)
sc.Add(ser1)
Return sc
End Function
Function getLiveData() As SeriesCollection
Dim de As DataEngine = New DataEngine("ConnectionString goes here")
de.ChartObject = Chart ' Necessary to view any errors the dataEngine may throw.
de.SqlStatement = "SELECT XAxisColumn, YAxisColumn FROM ...."
Return de.GetSeries()
End Function
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
<script type="text/javascript">
function orientChart(direction) { myJSC.options({ 'type': 'organization ' + direction }) };
</script>
</head>
<body>
<div align="center">
<dotnet:Chart ID="Chart" runat="server" />
</div>
</body>
</html>
- Sample FilenameJsOrgVerticalColumnStyled.aspx
- Version10.5
- Uses DatabaseNo