2015 年 6 月發行的 Illustrator CC 推出了 Creative Cloud Charts (預覽版),做為匯集客戶針對新服務之真實意見回饋的技術預視。依據客戶意見回饋,Illustrator 團隊決定暫停 Charts,重新著重在功能的設計。2015 年 11 月發行的 Illustrator 沒有 Charts 預覽版功能。

2015 年 11 月30 日後,內含圖表的 Illstrator 文件開啟時,Chart·會將圖表轉換成標準的·Illustrator 向量圖示。希望儲存 Chart 資料的客戶,則要到 2016 年 1 月15 日才可使用 Creative Cloud Charts 服務將圖表資料複製到可儲存於桌面的試算表。如需詳細資訊,請參閱 Creative Cloud Charts 常見問題集

Creative Cloud Charts (CC Charts): 這項全新推出的 Creative Cloud 服務,可讓設計師建立引人注目的圖表和資訊圖表。

Illustrator 支援下列圖表類型:

按數值比例繪製圖表

您現在可以使用任何自訂圖片,以圖表設計來呈現資料數值。現在使用者對圖表元素具有前所未見的控制和彈性,可以將元素樣式化並進行處理以吸引使用者的目光,建立具有美感的圖表,而且不會打斷與底層資料的連結。

長條圖

以長條圖來呈現數字資料 (色階分佈圖)。您可以透過 CC Charts Web 檢視編輯資料或圖表版面。

典型工作流程看起來會像這樣:

  1. 使用 CC Charts 工具來建立長條圖或在「資料庫」面板中將可用的圖表拖曳至畫板。
  2. (按數值比例繪製圖表) Illustrator:
  3. 在圖表物件內容選單中,於 Creative Cloud 按一下「編輯」。新的瀏覽器分頁或視窗隨即開啟。
  4. 在瀏覽器介面中:

建立全新的圖表
開始使用!

Creative Cloud Charts Web 檢視

在此進行所有動作!

修改圖表版面
任意移動,隨心自訂!

圖表選項
變更版面,隨心自訂!

編輯圖表外觀
變更外觀,隨心自訂!

讀入/定義圖表資料

輸入您需要的數字!

編輯圖表資料
讓您的數字發揮效用!

告訴我們您的想法
請您參加一份簡短的意見調查,為我們的工作成果打分數。


建立新圖表

  1. 從「工具」面板中選取 CC Charts 工具 (快捷鍵: J)。

  2. 按一下並在畫板上點按同時拖曳以建立所需大小的圖表。

    註解:

    如果長條圖未顯示,使用下一步說明的 CC Charts·內容選單,將圖表類型變更為長條圖。

  3. 按一下圖表以檢視 CC·Charts·內容選單。

    CC Charts 內容選單
    CC Charts 內容選單

    使用圖表選單以

    1. 變更圖表類型。
      注意: 目前 Illustrator 支援按數值比例繪製圖表和長條圖
    2. 複製目前的圖表
    3. Creative Cloud Charts Web 檢視編輯圖表資料和版面。

Creative Cloud Charts Web 檢視

建立長條圖物件時,若要進行圖表排版、讀入或修改資料等更多動作,您必須在 Creative Cloud 中以連線方式編輯圖表。

在 Creative Cloud 中編輯圖表時,除了修改資料和圖表外觀之外,您還可以執行其他動作。

  • 詳細資訊。按一下連結以檢視有關圖表的各種詳細資訊。
  • 縮放顯示。在「圖表」分頁中指定縮放值,選擇讓圖表符合可用空間大小,或真實的 1:1 視圖。
    注意: 縮放值僅供顯示用,且不會影響圖表圖稿的尺寸。
  • 共用。按一下「共用 > 傳送連結」可將圖表的影像連結轉寄給郵件收件者。
  • 動作。從這些動作中選擇:
    • 重新命名。提供圖表新名稱。
    • 刪除。刪除圖表。

長條圖內容相關選項

針對長條圖,您可以將版面變更為:

  • 完整圖表
  • 數值座標軸 (Y 軸)
  • 類別座標軸 (X 軸)
  • 圖表資料

為長條圖的每個部分所提供的選項,皆為章節專屬項目。選項的詳細說明請見本文下一章節。

完整圖表

(預設) 按一下長條圖任意處

數值座標軸 (Y 軸):

按一下 Y 軸。此動作會作用在軸線或座標軸顯示的數值上

數值座標軸 (Y 軸)

類別座標軸 (X 軸):

按一下 X 軸。此動作會作用在軸線或座標軸顯示的類別上

Illustrator 中的類別座標軸 (X 軸)

圖表資料:

按一下圖表資料數值。

Illustrator 中的圖表資料

修改圖表版面

  1. 在 Illustrator 中選取圖表,然後執行下列其中一個動作:

    • 按一下圖表內容 Widget,然後按一下 Creative Cloud Charts 上的「編輯」
    • 在控制面板中,按一下 Creative Cloud Charts 上的「編輯」
    • 以滑鼠右鍵按一下圖表,然後按一下 Creative Cloud 圖表上的「編輯」
  2. 在開啟的瀏覽器視窗中,確定您位於「圖表」分頁中。

    每種圖表類型皆包含許多可設定的選項。按下方個別圖表類型的標籤。

  3. 按一下「儲存」以保留版面的任何修改。

圖表選項

按數值比例繪製圖表

可編輯圖表外觀的選項:

縮放
  • 區域: 圖稿尺寸會根據資料縮放大小。
  • 伸縮以符合: 圖稿以您指定的方向設定伸縮。
伸縮圖稿

縮放時可用的選項 = 伸縮以符合:

  • 垂直: 圖稿以垂直方向伸縮來說明資料數值。
  • 水平: 圖稿以水平方向伸縮來說明更高的資料數值。
配置
  • 流量。圖稿依照使用的「方向」、「對齊」和「間距」設定依序排列。
  • 自由格式。可手動任意移動圖稿。
方向

版面 = 流排時可用的選項:

  • 從左至右
  • 由上到下
對齊

版面 = 流排時可用的選項:

  • 齊下:
  • 中間對齊:
  • 齊頂:
間距

版面 = 流排時可用的選項:

使用滑桿來調整連續圖稿之間的空格。

長條圖

根據預設,系統會顯示圖表編輯選項。

註解:

長條圖的不同部分會出現某些常用選項。為求圖表簡潔專業,不會有重複的常用選項。

圖表元素

圖表
  • 資料標籤: 適用於個別欄位的資料標籤
類別座標軸 (X 軸)
  • 軸線: X 軸軸線
  • 座標軸標籤: X 軸會顯示類別標籤
  • 刻度標記: X 軸到座標軸標籤的標記
數值座標軸 (Y 軸)
  • 主要格線: Y 軸數值的圖表軸線指標
  • 次要格線: Y 軸中間值的圖表軸線指標

間距

  • 欄位之間: 設定一組圖表欄位間的間隔。此數值為圖表欄位的百分比
  • 組別之間: 在各組欄位間的間隔

圖表大小

  • 寬度: 圖表的像素寬度
  • 高度: 圖表的像素高度
  • : 等比例變更寬度或高度,以更新為其他尺寸。選擇解除鎖定,個別變更其他的每個尺寸。

若要變更數值座標軸 (Y 軸) 或類別座標軸 (X 軸) 的指定選項,請按一下 Y 軸或 X 軸

座標軸刻度 (Y 軸)

變更 Y 軸資料和格線刻度

覆寫刻度
  • 最小值: Y 軸資料的最小值
  • 最大值: Y 軸資料的最大值
格線
  • 主要: Y 軸主要格線刻度
  • 次要: Y 軸次要格線刻度

座標軸位置 (Y 軸和 X 軸)

位置
  • 左側: (預設) 將 Y 軸軸線置入圖表左側
  • 右側: (預設) 將 Y 軸軸線置入圖表右側

刻度標記 (Y 軸和 X 軸)

位置
  • 外側: (預設) 在 Y 軸外側置入圖表刻度標記
  • 內側: 在 Y 軸內側置入圖表刻度標記

若要變更資料標籤選項,請按一下圖表中的資料標籤

座標軸位置

位置
  • 外側: (預設) 在圖表欄位上方置入資料標籤
  • 中間: 在圖表欄位的中央置入資料標籤

標籤格式

格式

選擇資料標籤格式

  • 數字: 以數值顯示資料標籤。選擇各種小數位和千位分隔符號
  • 貨幣符號: 以貨幣符號顯示資料標籤。選擇各種小數位、千位分隔元和貨幣符號。
  • 百分比: 以百分符號顯示資料標籤。選擇各種小數位和千位分隔符號。
  • 科學記號: 以科學記號顯示資料標籤。選擇各種小數位標記方式。

編輯圖表外觀

您可以變更圖表外觀。例如,您可以變更圖稿,按數值比例繪製圖表,或更改長條圖的顏色。

按數值比例繪製各種圖表

取代圖表圖稿

  1. 在 Illustrator 中選取圖表。

  2. 在您的文件中,繪製新的圖稿,或將任何可用的圖稿施移到畫布上。

    註解:

    不支援複雜的圖稿 (例如有漸層網格的物件) 和點陣物件。

    在圖表上拖放圖稿以取代目前的圖表物件
    在圖表上拖放圖稿以取代目前的圖表物件

編輯圖表圖稿

  1. 在 Illustrator 中,選取圖表然後按一下「直接選取工具 (A)」。

  2. 選取一個或多個資料表示法,並修改物件外觀。

    變更各個物件的外觀以便反白您的資料點。
    變更各個物件的外觀以便反白您的資料點

    註解:

    部分複雜的外觀,如效果、多重填色等,在 Creative Cloud 上編輯圖表時不會顯示出來。不過,這些外觀仍保留在 Illustrator 中。

長條圖

您可以變更以下項目的外觀:整個圖表、圖表中的所有長條、長條群組或單一長條。若要變更圖表中的指定元件外觀,請使用長條圖中的圖表選取功能。

使用「選取」工具,選取圖表元件。

長條圖包含不同層級的選取項目。Illustrator 提供向下切入功能,讓您可以連續選取不同層級的圖表元件。

對於長條圖,向下切入功能可用於圖表中的長條、格線和軸線。

在圖表中向下切入長條:

  1. 若要選取整個長條圖,請按一下圖表區的長條。
  2. 若要選取圖表中的所有長條,請再按一下長條。
  3. 若要選取圖表中的長條群組,請再按一下長條。
  4. 若要選取單一長條,請再按一下該長條。

向下切入格線:

  1. 若要選取整個長條圖,按一下圖表區。
  2. 若要選取圖表中的所有格線,請再按一下格線。
  3. 若要選取單一長條,請再按一下該長條。

向下切入座標軸:

  1. 若要選取整個長條圖,請按一下圖表區。
  2. 若要選取座標軸及其刻度標記,請再按一下座標軸或刻度標記。
  3. 若要選取軸線,請按一下軸線。

    若要選取刻度標記,請按一下座標軸的刻度標記。

使用「直接選取」工具,選取圖表元件。

圖表向下切入功能讓您可以連續向下切入圖表中的元件。然而,若要直接選取最底層的元件,您可以使用「直接選取」工具。

若要選取單一長條,選擇「直接選取」工具 (A),並按一下該長條。

同樣地,若要選取單一格線或軸線,選擇「直接選取」工具 (A),並按一下該線。

變更長條圖元件的外觀

在圖表中使用元件選取功能,讓您可以選擇更改圖表的特定元件外觀。

若要更改長條群組的顏色:

  1. 使用向下切入功能,然後選取長條群組。
  2. 使用 Illustrator Fill,然後選擇顏色,將其套用至長條。
變更長條圖元件的外觀

同樣地,您可以更改其他長條群組的顏色。您也可以變更格線外觀。

  1. 同樣地,使用向下切入功能,然後選取格線。
  2. 使用 Illustrator Stroke,將格線變更為虛線。
變更長條圖元件的外觀

您也可以變更圖表中的文字外觀 (例如: 字型系列、字型大小)。

選取整個圖表。

  1. 開啟「字元」面板 (「視窗> 類型> 字元」)。
  2. 選擇「字元」面板中的選項,以變更文字外觀。

若要選取指定的文字物件,您需要使用「直接選取」工具。

讀入/定義圖表資料

註解:

變更「Charts」分頁中的資料後,請記得按一下「套用」,然後按一下「儲存」以確保 Illustrator 的圖表已更新。

  1. 在 Illustrator 中選取圖表,然後執行下列其中一個動作:

    • 按一下圖表圖釘,然後按一下 Creative Cloud Charts 上的「編輯」
    • 在控制面板中,按一下 Creative Cloud Charts 上的「編輯」
    • 以滑鼠右鍵按一下圖表,然後按一下 Creative Cloud 圖表上的「編輯」
  2. 在開啟的瀏覽器視窗中,按一下「資料」分頁。

  3. 按一下「選擇檔案」從逗點分隔值 (.csv) 或 Microsoft Excel (.xls 或 .xlsx) 檔案讀入資料。

    註解:

    您讀入的任何資料一律會覆寫圖表可用的現有資料。

  4. (重要) 從可用的橫欄和直欄中,按一下並將滑鼠拖移至資料儲存格上方以顯示在圖表中,然後按一下「套用」()。

    「圖表預視」頁面區域已更新為顯示您選取用於圖表的值。

  5. 新增、修改及微調您的資料,然後按一下「儲存」。

    您每按一下「儲存」,Illustrator 中的圖表就會更新。

    註解:

    Illustrator 中的圖表更新速度,會根據網路連線速度而有所不同。速度可能會從快至近乎立刻,到長達 12 -15 秒不等。

編輯圖表資料

註解:

變更「Charts」分頁中的資料後,請記得按一下「套用」,然後按一下「儲存」以確保 Illustrator 的圖表已更新。

  1. 在 Illustrator 中選取圖表,然後執行下列其中一個動作:

    • 按一下圖表圖釘,然後按一下 Creative Cloud Charts 上的「編輯」
    • 在控制面板中,按一下 Creative Cloud Charts 上的「編輯」
    • 以滑鼠右鍵按一下圖表,然後按一下 Creative Cloud 圖表上的「編輯」
  2. 在開啟的瀏覽器視窗中,按一下「資料」分頁。

  3. 按一下包含資料的任意儲存格,或選取某範圍的儲存格。

    與內容相關的圖釘隨即出現 ()。

  4. 在圖釘中按一下三個點 () 以查看已選取資料可用的額外選項。

  5. 從內容選單中選取可插入、刪除或排序儲存格的選項。

    使用選項以繼續處理讀入或可用的資料。
    使用選項以繼續處理讀入或可用的資料

  6. 完成時按一下「套用」,然後按一下「儲存」,以確保變更可在 Illustrator 內使用。

Creative Cloud Charts (預覽版) 意見調查

感謝您的意見回饋。請為我們的工作成果打分數。

這是一份很簡短的意見調查,可以讓我們了解您對 Creative Cloud Charts (預覽版) 功能的滿意程度。您的意見越詳盡越好。感謝!

意見調查連結: https://www.surveymonkey.com/s/CC_Charts_Feedback

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策