DevExpress の ASPxSpreadsheet でのグラフスタイル設定（サーバー側）

DevExpress の ASPxSpreadsheet でのグラフスタイル設定（サーバー側）のサンプルです。

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

＜グラフスタイル設定（サーバー側）＞

「myChart.Style = DevExpress.Spreadsheet.Charts.ChartStyle.GrayBevel」を設定します。

【サンプルプログラム（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("商品一覧")

        'サブタイトル設定
        myChart.Legend.Visible = True
        myChart.Legend.Position = DevExpress.Spreadsheet.Charts.LegendPosition.Bottom

        'グラフスタイル設定
        myChart.Style = DevExpress.Spreadsheet.Charts.ChartStyle.GrayBevel

        'グラフラベル設定
        With myChart.Views(0).DataLabels
            .ShowValue = True
            .ShowCategoryName = True
            .ShowPercent = True
            .Separator = " と "
        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("商品一覧")

'サブタイトル設定

myChart.Legend.Visible = True

myChart.Legend.Position = DevExpress.Spreadsheet.Charts.LegendPosition.Bottom

'グラフスタイル設定

myChart.Style = DevExpress.Spreadsheet.Charts.ChartStyle.GrayBevel

'グラフラベル設定

With myChart.Views(0).DataLabels

.ShowValue = True

.ShowCategoryName = True

.ShowPercent = True

.Separator = " と "

End With

End Sub

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

↓

※グラフのカラーリングを変更

無事にエクセル表示のグラフスタイル設定（サーバー側）が出来ました。

関連記事はこちら:

DevExpress の ASPxSpreadsheet での高さ設定 DevExpress の ASPxSpreadsheet での高さ設定のサンプルです。現状の画面デザインはこのようになっています。高さが足りていなくて、グラフが一部隠れています。今回は高さを設定してグラフが全て表示 ......
DevExpress の ASPxSpreadsheet でのグラフ作成位置設定（サーバー側） DevExpress の ASPxSpreadsheet でのグラフ作成位置設定（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。 ※一覧表とグラフが重なっています。＜グラフ作成位置設定（サー ......
DevExpress の ASPxSpreadsheet での式追加（サーバー側） DevExpress の ASPxSpreadsheet での式追加（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。＜式追加（サーバー側）＞「.Cells(“G8″ ......
DevExpress の ASPxSpreadsheet でのシートコピー（サーバー側） DevExpress の ASPxSpreadsheet でのシートコピー（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。＜シートコピー（サーバー側）＞「.Worksheets(̶ ......
DevExpress の ASPxSpreadsheet でのグリッドライン非表示設定（サーバー側） DevExpress の ASPxSpreadsheet でのグリッドライン非表示設定（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。今回はセルの罫線を非表示にします。＜グリッドライン非表 ......
DevExpress の ASPxSpreadsheet でのリボングループ表示順設定 DevExpress の ASPxSpreadsheet でのリボングループ表示順設定のサンプルです。現状の画面デザインはこのようになっています。今回は「元に戻す」、「クリップボード」グループ項目の表示順を入れ替えま ......
DevExpress の ASPxSpreadsheet でのリボングループ名設定 DevExpress の ASPxSpreadsheet でのリボングループ名設定のサンプルです。現状の画面デザインはこのようになっています。今回はリボングループ名の「Common」を日本語の「共通」に変更します。 ......
DevExpress の ASPxSpreadsheet での保存先固定設定（ローカル保存） DevExpress の ASPxSpreadsheet での保存先固定設定（ローカル保存）のサンプルです。現状の画面デザインはこのようになっています。「サーバー先のフォルダに保存」、「ローカルにダウンロードして保存 ......
DevExpress の ASPxSpreadsheet での編集不可設定 DevExpress の ASPxSpreadsheet での編集不可設定のサンプルです。エクセル表示の手順は、過去ブログの「DevExpress のサンプル作成（ASPxSpreadsheet）」を参照して下さい ......
DevExpress の ASPxSpreadsheet でのグラフのサブタイトル非表示（サーバー側） DevExpress の ASPxSpreadsheet でのグラフのサブタイトル非表示（サーバー側）のサンプルです。現状の画面デザインはこのようになっています。＜グラフのサブタイトル非表示（サーバー側）＞「myC ......

投稿タグ: ASPxSpreadsheet

MENU

最近の投稿

人気記事