坐標軸不顯示小數

1.1 問題描述

在製作圖表時， 如果資料較小，Y軸 標籤顯示間隔為「自動」時，可能會帶有小數或資料重複，影響整體美觀度。如下圖所示：

如果想要實現不顯示小數，該如何做呢？如下圖所示：

1.2 解決方案

方案一：設定坐標軸的標籤間隔為「固定」。

方案二：使用 JavaScript 自訂坐標軸的軸標籤格式。

2.1 準備資料

點選設計器左上角「檔案>建立普通報表」，建立資料庫查詢 ds1，SQL 語句為：SELECT 產品名稱,單價/10 as 單價 FROM S產品 where 單價<30 limit 11。

2.2 插入圖表

合併一片儲存格，插入柱形圖，如下圖所示：

2.3 設計圖表

選中圖表，點選右側屬性面板「儲存格元素」，可設定圖表的各個屬性：類型、資料、樣式、特效。

2.3.1 綁定資料

綁定資料如下圖所示：

2.3.2 設定樣式

1）選擇「樣式>標題」，取消勾選標題可見。

2）選擇「樣式>坐標軸」，設定 Y軸 軸標籤顯示樣式。下面兩個方案任選其一。

方案一：設定標籤間隔為「固定」，本例 0-1 中間只有 1 個小數，故標籤間隔設定為 2 即可，如果有兩個小數，就設定為 3。

注：如果有重複顯示的值，透過設定固定間隔同樣可實現取消重複顯示。

方案二：設定軸標籤格式為「自訂」，輸入 JavaScript 程式碼如下：

function(){  if(this == parseInt(this)) //判斷是否為小數 
{return this;} else {return " ";} }

2.4 效果預覽

儲存報表，點選「分頁預覽」，效果如下圖所示：

App 端和 HTML5 端均支援。

點選下載範本：Y軸不顯示小數.cpt