程式師世界 >> 編程語言 >> .NET網頁編程 >> C# >> C#入門知識 >> .Net語言 APP開發平台——Smobiler學習日志：如何在手機上實現條形圖的展示，appsmobiler

.Net語言 APP開發平台——Smobiler學習日志：如何在手機上實現條形圖的展示，appsmobiler

編輯：C#入門知識

.Net語言 APP開發平台——Smobiler學習日志：如何在手機上實現條形圖的展示，appsmobiler

最前面的話：Smobiler是一個在VS環境中使用.Net語言來開發APP的開發平台，也許比Xamarin更方便

一、目標樣式

目標樣式

我們要實現上圖中的效果，需要如下的操作：

1.從工具欄上的”Smobiler Components”拖動一個BarChart控件到窗體界面上

smobiler

2.修改BarChart的屬性

a.DefaultColors屬性

打開集合編輯器，並點擊添加，如圖1、圖2

VB： Private Sub TestChart_Load(sender As Object, e As EventArgs) Handles MyBase.Load Dim matTable As New DataTable matTable.Columns.Add("XMember", GetType(String)) matTable.Columns.Add("YMember", GetType(Integer)) For i As Integer = 1 To 12 Step 1 Dim row As DataRow = matTable.NewRow row("XMember") = i.ToString + "月" row("YMember") = 0 matTable.Rows.Add(row) Next matTable.Rows(7)("YMember") = 20000 matTable.Rows(8)("YMember") = 300000 matTable.Rows(9)("YMember") = 150000 matTable.Rows(10)("YMember") = 40000 Me.BarChart2.DataSource = matTable Me.BarChart2.DataBind() End Sub

C#：
    private void TestChart1_Load(object sender, EventArgs e)
    {
        DataTable matTable = new DataTable();
        matTable.Columns.Add("XMember", typeof(string));
        matTable.Columns.Add("YMember", typeof(int));
        for (int i = 1; i <= 12; i += 1)
        {
            DataRow row = matTable.NewRow();
            row["XMember"] = i.ToString() + "月";
            row["YMember"] = 0;
            matTable.Rows.Add(row);
        }

        matTable.Rows[7]["YMember"] = 20000;
        matTable.Rows[8]["YMember"] = 300000;
        matTable.Rows[9]["YMember"] = 150000;
        matTable.Rows[10]["YMember"] = 40000;

        this.BarChart2.DataSource = matTable;
        this.BarChart2.DataBind();
        }
    }