DevExpress の ASPxSpreadsheet でのグラフのカテゴリー比率表示設定（サーバー側）

DevExpress の ASPxSpreadsheet でのグラフのカテゴリー比率表示設定（サーバー側）のサンプルです。

現状の画面デザインはこのようになっています。

＜グラフのカテゴリー比率表示設定（サーバー側）＞

「.ShowPercent = True」を設定します。

【サンプルプログラム（VB.Net）】

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    Dim myFilePath As String = String.Empty
    'エクセルファイルパス取得
    myFilePath = System.IO.Path.Combine(ASPxSpreadsheet1.WorkDirectory, "data_04.xlsx")
    'エクセルファイルオープン
    ASPxSpreadsheet1.Open(myFilePath)

    With ASPxSpreadsheet1.Document.Worksheets("一覧")
        Dim myChart As DevExpress.Spreadsheet.Charts.Chart
        myChart = .Charts.Add(DevExpress.Spreadsheet.Charts.ChartType.Pie, .Range("F3:G5"))

        'グラフ位置設定
        myChart.TopLeftCell = .Cells("B7")
        myChart.BottomRightCell = .Cells("G22")

        'グラフタイトル設定
        myChart.Title.Visible = True
        myChart.Title.SetValue("商品一覧")

        'グラフラベル設定
        With myChart.Views(0).DataLabels
            .ShowValue = True
            .ShowCategoryName = True
            .ShowPercent = True
        End With
    End With

End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim myFilePath As String = String.Empty

'エクセルファイルパス取得

myFilePath = System.IO.Path.Combine(ASPxSpreadsheet1.WorkDirectory, "data_04.xlsx")

'エクセルファイルオープン

ASPxSpreadsheet1.Open(myFilePath)

With ASPxSpreadsheet1.Document.Worksheets("一覧")

Dim myChart As DevExpress.Spreadsheet.Charts.Chart

myChart = .Charts.Add(DevExpress.Spreadsheet.Charts.ChartType.Pie, .Range("F3:G5"))

'グラフ位置設定

myChart.TopLeftCell = .Cells("B7")

myChart.BottomRightCell = .Cells("G22")

'グラフタイトル設定

myChart.Title.Visible = True

myChart.Title.SetValue("商品一覧")

'グラフラベル設定

With myChart.Views(0).DataLabels

.ShowValue = True

.ShowCategoryName = True

.ShowPercent = True

End With

End Sub

それでは、実行して動作確認を行います。

↓

※グラフカテゴリー比率表示

無事にエクセル表示のグラフのカテゴリー比率表示設定（サーバー側）が出来ました。

関連記事はこちら:

DevExpress のサンプル作成（ASPxSpreadsheet） DevExpress のサンプル作成（ASPxSpreadsheet）手順です。今回はエクセルファイルを表示しますので、サンプル作成までの手順は3点です。・エクセルファイル作成・プロジェクト作成（ASP.NET ......
DevExpress の ASPxSpreadsheet でのグラフ移動（サーバー側） DevExpress の ASPxSpreadsheet でのグラフ移動（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。＜グラフ移動（サーバー側）＞「.Charts(0).Move(50, ......
DevExpress の ASPxSpreadsheet でのフォント設定（サーバー側） DevExpress の ASPxSpreadsheet でのフォント設定（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。＜フォント設定（サーバー側）＞「.Cells(“C2& ......
DevExpress の ASPxSpreadsheet でのシート移動（サーバー側） DevExpress の ASPxSpreadsheet でのシート移動（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。＜シート移動（サーバー側）＞「.Worksheets(“ ......
DevExpress の ASPxSpreadsheet での値取得（JavaScript） DevExpress の ASPxSpreadsheet での全画面設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。今回はセルの値を取得します。＜全画面設定（JavaScri ......
DevExpress の ASPxSpreadsheet でのリボン項目表示順設定 DevExpress の ASPxSpreadsheet でのリボン項目表示順設定のサンプルです。現状の画面デザインはこのようになっています。今回は「開く」、「保存」項目の表示順を入れ替えます。リボン編集の手順は、 ......
DevExpress の ASPxSpreadsheet での保存先固定設定（サーバー保存） DevExpress の ASPxSpreadsheet での保存先固定設定（サーバー保存）のサンプルです。現状の画面デザインはこのようになっています。「サーバー先のフォルダに保存」、「ローカルにダウンロードして保存 ......
DevExpress の ASPxSpreadsheet での機能（名前を付けて保存） DevExpress の ASPxSpreadsheet での機能（名前を付けて保存）の説明です。保存に対して2種類選択可能です。・サーバー先のフォルダに保存・ローカルにダウンロードして保存エクセル表示の手順は、 ......
DevExpress の ASPxSpreadsheet での機能（固定行、ソート、フィルタリング） DevExpress の ASPxSpreadsheet での機能（固定行、ソート、フィルタリング）の説明です。エクセル表示の手順は、過去ブログの「DevExpress のサンプル作成（ASPxSpreadshee ......
DevExpress の ASPxSpreadsheet でのグラフ作成（サーバー側） DevExpress の ASPxSpreadsheet でのグラフ作成（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。 ※複数範囲選択が出来ず、事前に「C列」を「F列」にコピーしています。 ......

投稿タグ: ASPxSpreadsheet

MENU

最近の投稿

人気記事