如何使用MS Chart Control在堆积条形图上显示行中的数据

时间：2014-02-12 06:57:00

标签： mschart

我需要在ASPX页面上使用MS Chart控件显示来自SQL查询的数据，如下图所示：

enter image description here

我必须像这样显示图表

    </asp:Chart>

enter image description here

1 个答案:

答案 0 :(得分：0)

如果你需要帮助，你真的应该展示一些代码，但这是一个简单的vb.net解决方案。

我在页面中添加了一个图表，然后运行以下代码以生成下面的图表

enter image description here

创建数据表 - 您可以删除它并使用SQL连接 

    Dim t As New DataTable
    t.Columns.Add("Risk Categories")
    t.Columns.Add("High Impact Risks")
    t.Columns.Add("Medium Impact Risks")
    t.Columns.Add("Low Impact Risks")
    t.Columns.Add("No Impact Risks")

    t.Rows.Add("Compliance,Law,Legislation", "4", "1", "0", "5")
    t.Rows.Add("Construction", "5", "1", "1", "0")
    t.Rows.Add("Design", "3", "1", "0", "0")
    t.Rows.Add("Financial", "6", "0", "0", "2")
    t.Rows.Add("Human Resources", "2", "0", "0", "10")
    t.Rows.Add("Information & Communication", "1", "0", "0", "1")
    t.Rows.Add("Interface", "1", "0", "0", "0")
    t.Rows.Add("Logistic", "0", "1", "0", "6")
    t.Rows.Add("Management", "0", "1", "0", "0")
    t.Rows.Add("Planning", "3", "0", "0", "1")

将积分添加到新图表 

   Chart1.Series(0).ChartType = SeriesChartType.StackedBar
    With Chart1.Series(0)
        .Name = "High Impact Risks"
        .Points.DataBind(t.DefaultView, "Risk Categories", "High Impact Risks", Nothing)
    End With

    Chart1.Series.Add("Medium Impact Risks")
    Chart1.Series(1).ChartType = SeriesChartType.StackedBar
    With Chart1.Series(1)
        .Name = "Medium Impact Risks"
        .Points.DataBind(t.DefaultView, "Risk Categories", "Medium Impact Risks", Nothing)
    End With

    Chart1.Series.Add("Low Impact Risks")
    Chart1.Series(2).ChartType = SeriesChartType.StackedBar
    With Chart1.Series(2)
        .Points.DataBind(t.DefaultView, "Risk Categories", "Low Impact Risks", Nothing)
    End With

    Chart1.Series.Add("No Impact Risks")
    Chart1.Series(3).ChartType = SeriesChartType.StackedBar
    With Chart1.Series(3)
        .Points.DataBind(t.DefaultView, "Risk Categories", "No Impact Risks", Nothing)
    End With

    ''Show All Categories on RHS axis
    Chart1.ChartAreas(0).AxisX.Interval = 1
    Chart1.ChartAreas(0).AxisX.LabelAutoFitStyle = LabelAutoFitStyles.DecreaseFont

    ''Move legend to bottom and center
    Chart1.Legends(0).Docking = Docking.Bottom
    Chart1.Legends(0).Alignment = StringAlignment.Center
相关问题
最新问题