將Y軸標籤的格式設置為日期

1.1 問題描述

某些場景下，圖表 Y 軸是來源於資料集的日期型資料，Y 軸的軸標籤也需要修改為日期格式。以折線圖為例，效果如下圖所示：

如果只是將圖表樣式>坐標軸>Y軸>格式下的軸標籤修改為日期型。

前端預覽時，是無法正常顯示圖表資料的，如下圖所示：

那麼如何設定既能將軸標籤改為日期格式又能保證圖表正常展示資料呢？下面將詳細介紹。

1.2 解決方案

1）將資料集中 Y 軸對應的日期資料拖入到儲存格中，用DATETONUMBER(date)公式轉為毫秒。

2）圖表綁定已經轉化為毫秒的儲存格資料。

3）最後將圖表 Y 軸的軸標籤修改成日期型。

注：DATETONUMBER(date)公式的介紹參見文檔：日期和時間函式

2.1 準備資料

建立普通報表，建立內建資料集，將資料集名稱修改為 ds1，如下圖所示：

資料集中工藝欄位為字串型，對應 X 軸的分類。排期欄位為日期型，對應 Y 軸的值。

2.2 插入圖表

合併一片區域儲存格，選中合併後的儲存格 A1，點選插入圖表快捷按鈕，插入折線圖，如下圖所示：

2.3 日期轉毫秒

將內建資料集中的工藝和排期欄位分別拖到 A22 和 B22 儲存格中，選中 D22 儲存格，點選插入公式快捷按鈕，插入公式：DATETONUMBER(B22)，如下圖所示：

2.4 綁定資料

折線圖屬性面板選擇儲存格元素>資料，資料來源下拉選擇儲存格資料，分類名設定為 A22 儲存格，新增一個系列名為空的系列，設定值為 D22 儲存格，如下圖所示：

2.5 設定樣式

2.5.1 標題

折線圖屬性面板選擇儲存格元素>樣式>標題，勾選標題可見，標題內容為：半導體工藝優化排期，如下圖所示：

2.5.2 坐標軸

折線圖屬性面板選擇儲存格元素>樣式>坐標軸>Y軸，值定義最小值為：1262275200000，表示軸標籤最小為「2010-01-01」，將軸標籤修改為日期型，如下圖所示：

注：設定最小值的目的是為了讓 Y 軸的值可以有一個合理區間，讓折線圖走勢更加明顯。

2.5.3 提示

折線圖屬性面板選擇儲存格元素>樣式>提示，勾選使用資料點提示，選中分類名、系列名、值，值的格式設定為日期型，如下圖所示：

2.6 隱藏儲存格

選中第 22 行，右鍵選擇隱藏，前端不展示儲存格資料，如下圖所示：

2.7 效果預覽

2.7.1 PC 端

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

2.7.2 行動端

點選下載範本 圖表Y軸標籤設置為日期格式.cpt