EFReport報表柱狀圖外掛說明

柱形圖,又稱長條圖、柱狀統計圖、亦稱條圖、條狀圖、棒形圖,是一種以長方形的長度為變數的統計圖表。長條圖用來比較兩個或以上的價值,只有一個變數,通常利用於較小的資料集分析。長條圖亦可橫向排列,或用多維方式表達。(摘自百度百科——“柱形圖”條目)

盈帆報表軟體外掛中包含柱狀圖、條形圖等圖表外掛,在單元格或者懸浮元素中可以選擇選單欄中的“插入”-“插入外掛”,選擇“01基礎圖表”中的“柱狀圖”,確定後即可生成一個柱狀圖。

EFReport報表柱狀圖外掛說明

雙擊柱狀圖所在的位置,彈出Table頁,Table頁中包括“屬性”、“JSON”、“擴充套件屬性”。在柱狀圖屬性面板中可以設定柱狀圖的“標題”、“圖例”、“網格”、“資料”等屬性。JSON面板中可以檢視到當前柱狀圖實際的屬性資料。擴充套件屬性面板對於柱狀圖沒有顯示的屬性可以進行擴充套件。

EFReport報表柱狀圖外掛說明

屬性面板:

“標題”屬性中包括:控制元件主題、控制元件型別、控制元件背景顏色、顯示標題、標題文字、背景顏色、上邊距、下邊距、左邊距、右邊距、文字樣式:顏色、字型風格、字型粗細、字型名稱、字型大小。

“控制元件主題”:當前控制元件的整體樣式設定,包括柱狀圖的顏色、座標軸的顏色、圖例的樣式等一系列主題風格。

需要注意的是設定主題時,之前如有其他的屬性設定,會重新重新整理之前的屬性,一般建議先設定好主題之後,再設定其他屬性。

EFReport報表柱狀圖外掛說明

當前的控制元件主題不滿足實際需求時,可在echarts中,自定義主題:https://echarts。apache。org/zh/theme-builder。html,自定義的主題下載後,放置伺服器\webapps\efreport\pluginResource\theme目錄下,前端使用時,強制重新整理頁面即可使用新的主題。

需要注意的是,自定義的主題名稱與現有的不能重複,現有的主題名稱可以在伺服器\webapps\efreport\pluginResource\theme目錄下檢視。

EFReport報表柱狀圖外掛說明

“控制元件型別”:當前柱狀圖顯示的型別,是普通的柱狀圖還是堆疊柱狀圖。

“控制元件背景顏色”:當前控制元件的背景顏色。使用RGBA格式,可以設定透明,顏色最後兩位設定為0時,即是透明,例如:“#ffffff00”。

“顯示標題”:是否顯示控制元件的標題。

“標題文字”:當前控制元件的標題文字。

“背景顏色”:當前標題文字的背景顏色。可設定透明。

“上邊距”:當前標題距離上邊框的位置。可以設定整數,百分比,或者“auto”、“top”、“middle”、“bottom”。

“下邊距”:當前標題距離下邊框的位置。可以設定整數,百分比,或者“auto”、“top”、“middle”、“bottom”。

“左邊距”:當前標題距離左邊框的位置。可以設定整數,百分比,或者“auto”、“left”、“center”、“right”。

“右邊距”:當前標題距離左邊框的位置。可以設定整數,百分比,或者“auto”、“left”、“center”、“right”。

需要注意的是,上邊距與下邊距是互斥的,左右邊距是互斥的,一般情況下設定其中一個即可。

文字樣式:

“顏色”:當前標題文字的顏色。

“字型風格”:當前標題文字的字型風格。

“字型粗細”:當前標題文字是否加粗。

“字型名稱”:當前標題文字的字型名稱。

“字型大小”:當前標題文字的字型大小。

EFReport報表柱狀圖外掛說明

“圖例”屬性中包括:圖例型別、列表佈局、文字對齊、顯示圖例、背景顏色、上邊距、下邊距、左邊距、右邊距、文字樣式:顏色、字型風格、字型粗細、字型名稱、字型大小。

“圖例型別”:當前圖例是否是滾動翻頁模式顯示。

“列表佈局”:當前圖例是水平佈局還是垂直佈局。

“文字對齊”:當前圖例文字是左對齊還是右對齊。

“顯示圖例”:當前圖例是否顯示。

“背景顏色”:當前圖例文字的背景顏色。可設定透明。

“上邊距”:當前圖例距離上邊框的位置。可以設定整數,百分比,或者“auto”、“top”、“middle”、“bottom”。

“下邊距”:當前圖例距離下邊框的位置。可以設定整數,百分比,或者“auto”、“top”、“middle”、“bottom”。

“左邊距”:當前圖例距離左邊框的位置。可以設定整數,百分比,或者“auto”、“left”、“center”、“right”。

“右邊距”:當前圖例距離左邊框的位置。可以設定整數,百分比,或者“auto”、“left”、“center”、“right”。

需要注意的是,上邊距與下邊距是互斥的,左右邊距是互斥的,一般情況下設定其中一個即可。

文字樣式:

“顏色”:當前圖例文字的顏色。

“字型風格”:當前圖例文字的字型風格。

“字型粗細”:當前圖例文字是否加粗。

“字型名稱”:當前圖例文字的字型名稱。

“字型大小”:當前圖例文字的字型大小。

EFReport報表柱狀圖外掛說明

“網格”屬性中包括:顯示網格、背景顏色、上邊距、下邊距、左邊距、右邊距。

“顯示網格”:當前網格是否顯示。

“背景顏色”:當前網格的背景顏色,網格不顯示時設定背景顏色無效。可設定透明。

“上邊距”:當前圖表網格距離上邊框的位置。可以設定整數,百分比,或者“auto”、“top”、“middle”、“bottom”。

“下邊距”:當前圖表網格距離下邊框的位置。可以設定整數,百分比,或者“auto”、“top”、“middle”、“bottom”。

“左邊距”:當前圖表網格距離左邊框的位置。可以設定整數,百分比,或者“auto”、“left”、“center”、“right”。

“右邊距”:當前圖表網格距離左邊框的位置。可以設定整數,百分比,或者“auto”、“left”、“center”、“right”。

EFReport報表柱狀圖外掛說明

“資料”屬性中包括:資料來源:資料來源、資料集,分類:資料(資料列)、是否顯示X軸、X軸顏色、X軸位置、X軸單位、旋轉角度、字型大小、是否顯示分隔線,系列(資料列):資料、是否顯示標籤、標籤格式、標籤文字顏色、標籤字型大小、是否顯示提示框、柱狀寬度,值:資料(資料列)、是否顯示Y軸、Y軸顏色、Y軸位置、Y軸單位、旋轉角度、字型大小、是否顯示分隔線。

資料來源:

“資料來源”:當前柱狀圖的資料來源是資料集還是單元格資料。

“資料集”:資料來源設定為“資料集資料”時,當前屬性顯示,可以設定資料集是哪個資料集。

分類:

“資料(資料列)”:分類資料的資料來源,資料來源設定為“資料集資料”時,顯示“資料列”屬性,可以設定分類的資料列。通俗來說每一個分類就是X軸上顯示的文字標籤。

“是否顯示X軸”:當前柱狀圖是否顯示X軸。

“X軸顏色”:當前柱狀圖X軸的顏色,不顯示X軸時,此屬性無效。

“X軸位置”:當前柱狀圖X軸的位置是在下方顯示還是在上方顯示,不顯示X軸時,此屬性無效。

“X軸單位”:當前柱狀圖X軸的單位,不顯示X軸時,此屬性無效。

“旋轉角度”:當前柱狀圖X軸刻度的旋轉角度。

“字型大小”:當前柱狀圖X軸刻度的文字大小。

“是否顯示分隔線”:當前柱狀圖X軸刻度的分隔線是否顯示。

系列:

“資料(資料列)”:系列資料的資料來源,資料來源設定為“資料集資料”時,顯示“資料列”屬性,可以設定系列的資料列。通俗來說每一個系列就是要顯示的柱子。

“是否顯示標籤”:當前柱狀圖上是否顯示文字標籤。

“標籤格式”:當前柱狀圖上文字標籤的文字格式,按照規則可自定義,不顯示標籤時,此屬性無效。{a}:系列名。{b}:資料名。{c}:資料值。{d}:百分比。示例: {b} : {c} ({d}%)。

“標籤文字顏色”:當前柱狀圖上文字標籤的文字顏色,不顯示標籤時,此屬性無效。

“標籤字型大小”:當前柱狀圖上文字標籤的文字大小,不顯示標籤時,此屬性無效。

“是否顯示提示框”:滑鼠移動到柱狀圖上時,是否顯示提示框。

“柱狀寬度”:設定柱狀圖顯示的柱子寬度。

值:

“資料(資料列)”:值資料的資料來源,資料來源設定為“資料集資料”時,顯示“資料列”屬性,可以設定值的資料列。通俗來說每一個值就是顯示的每一個柱子的實際值。

“是否顯示Y軸”:當前柱狀圖是否顯示Y軸。

“Y軸顏色”:當前柱狀圖Y軸的顏色,不顯示Y軸時,此屬性無效。

“Y軸位置”:當前柱狀圖Y軸的位置是在左側顯示還是在右側顯示,不顯示Y軸時,此屬性無效。

“Y軸單位”:當前柱狀圖Y軸的單位,不顯示Y軸時,此屬性無效。

“旋轉角度”:當前柱狀圖Y軸刻度的旋轉角度。

“字型大小”:當前柱狀圖Y軸刻度的文字大小。

“是否顯示分隔線”:當前柱狀圖Y軸刻度的分隔線是否顯示。

EFReport報表柱狀圖外掛說明

JSON面板

JSON面板主要檢視當前設定的屬性的JSON格式。

EFReport報表柱狀圖外掛說明

擴充套件屬性面板

在提供的屬性頁面中,如果有一些比較個性的屬性沒有展現出來,可以在擴充套件屬性面板中新增echarts提供的圖表屬性來進行擴充套件。擴充套件屬性的格式與echarts提供的配置項屬性格式一致:https://echarts。apache。org/zh/option。html#title。以下截圖是使用擴充套件屬性將柱狀圖設定成漸變效果(在“建築產值”報表模板中,B9單元格的柱狀圖屬性):

EFReport報表柱狀圖外掛說明

EFReport報表柱狀圖外掛說明