• 搜索配置：?jiǎn)螕?b data-tag="uicontrol" id="uicontrol-siu-g4m-0i6" class="uicontrol">配置面板右上角的搜索配置，可在搜索配置面板中輸入您需要搜索的配置項(xiàng)名稱，快速定位到該配置項(xiàng)，系統(tǒng)支持模糊匹配。詳情請(qǐng)參見搜索資產(chǎn)配置。

• 圖表尺寸：包括組件的寬度和高度，單位為px。可單擊圖標(biāo)鎖定組件的寬高比，等比例修改組件的寬高。再次單擊進(jìn)行解鎖，解鎖后寬高比不受限制。
• 圖表位置：包括組件的橫坐標(biāo)和縱坐標(biāo)，單位為px。橫坐標(biāo)為組件左上角距離頁面左邊界的像素距離，縱坐標(biāo)為組件左上角距離頁面上邊界的像素距離。
• 旋轉(zhuǎn)角度：以組件的中心為中心點(diǎn)，進(jìn)行旋轉(zhuǎn)，單位為度（°）。
  • 手動(dòng)輸入角度值，控制組件的旋轉(zhuǎn)角度。
  • 拖動(dòng)圖標(biāo)內(nèi)的黑點(diǎn)，控制組件的旋轉(zhuǎn)角度。
  • 單擊圖標(biāo)，控制組件左右翻轉(zhuǎn)樣式。
  • 單擊圖標(biāo)，控制組件上下翻轉(zhuǎn)樣式。
• 透明度：取值范圍為[0,1]。為0時(shí)，圖表隱藏；為1時(shí)，圖表全部顯示。默認(rèn)為1。

• 全局樣式

  • 字體：組件所有文本的字體系列，默認(rèn)為微軟雅黑。

  • 柱子樣式

    • 柱間間距：柱子之間的距離，取值范圍為0~1。

    • 柱外間距：上下兩側(cè)柱子與坐標(biāo)軸之間的距離，取值范圍為0~1。

  • 邊距

    • 頂部：柱圖與組件上邊界的距離。

    • 底部：柱圖與組件下邊界的距離。

    • 左側(cè)：柱圖與組件左邊界的距離。

    • 右側(cè)：柱圖與組件右邊界的距離。

  • 值標(biāo)簽：每個(gè)柱子值標(biāo)簽的樣式，可單擊圖標(biāo)控制值標(biāo)簽的顯隱。

    • 文本

      • 字號(hào)：值標(biāo)簽文本的字體大小。

      • 顏色：值標(biāo)簽文本的顏色。

      • 字體粗細(xì)：值標(biāo)簽文本的字體粗細(xì)。

    • 位置：值標(biāo)簽顯示的位置，可選：右側(cè)、中間、左側(cè)。

  • 最多加載：系統(tǒng)最多加載您輸入的數(shù)據(jù)記錄條數(shù)，進(jìn)行布局、繪制與計(jì)算，以保證可視化應(yīng)用展示效果。

• x軸：柱圖的x軸樣式，可單擊圖標(biāo)控制x軸的顯隱。

  • 文本

    • 字號(hào)：x軸文本的大小。

    • 顏色：x軸文本的顏色。

    • 字體粗細(xì)：x軸文本字體的粗細(xì)。

  • 軸標(biāo)簽：x軸的標(biāo)簽樣式，可單擊圖標(biāo)控制標(biāo)簽的顯隱。

    • 最小值：x軸最小值的顯示方式，支持自定義輸入，也支持系統(tǒng)選擇：

      • 數(shù)據(jù)最小值：取數(shù)據(jù)中的最小值。

      • 自動(dòng)取整：系統(tǒng)根據(jù)數(shù)據(jù)中的最大值、最小值和軸標(biāo)簽的數(shù)量自動(dòng)計(jì)算。

    • 最大值：x軸最大值的顯示方式，支持自定義輸入，也支持系統(tǒng)選擇：

      • 數(shù)據(jù)最大值：取數(shù)據(jù)中的最大值。

      • 自動(dòng)取整：系統(tǒng)根據(jù)數(shù)據(jù)中的最大值、最小值和軸標(biāo)簽的數(shù)量自動(dòng)計(jì)算。

    • 數(shù)量：手軸標(biāo)簽的數(shù)量。

    • 顯示格式：軸標(biāo)簽的顯示格式，支持自定義輸入，也支持系統(tǒng)選擇。當(dāng)選擇默認(rèn)時(shí)，系統(tǒng)按照數(shù)據(jù)的原始格式進(jìn)行展示。

  • 軸單位：x軸的單位，支持自定義輸入，可單擊圖標(biāo)控制軸單位的顯隱。

  • 軸線：x軸的軸線樣式，可單擊圖標(biāo)控制軸線的顯隱。

    顏色：軸線的顏色。

  • 網(wǎng)格線：x軸的網(wǎng)格線樣式，可單擊圖標(biāo)控制網(wǎng)格線的顯隱。

    顏色：網(wǎng)格線的顏色。

• y軸：柱圖的y軸樣式，可單擊圖標(biāo)控制y軸的顯隱。

  • 文本

    • 字號(hào)：y軸文本的大小。

    • 顏色：y軸文本的顏色。

    • 字體粗細(xì)：y軸文本字體的粗細(xì)。

  • 軸標(biāo)簽：y軸的標(biāo)簽樣式，可單擊圖標(biāo)控制標(biāo)簽的顯隱。

    角度：軸標(biāo)簽的顯示角度，可選：水平、斜角、垂直。

  • 軸線：y軸的軸線樣式，可單擊圖標(biāo)控制軸線的顯隱。

    顏色：軸線的顏色。

  • 裝飾

    • 裝飾線顏色：裝飾線虛線的顏色。

    • 裝飾形狀填充色：裝飾五邊形內(nèi)部的填充顏色。

    • 裝飾形狀邊框色：裝飾五邊形邊框的顏色。

  • 網(wǎng)格線：y軸的網(wǎng)格線樣式，可單擊圖標(biāo)控制網(wǎng)格線的顯隱。

    顏色：網(wǎng)格線的顏色。

• 圖例：柱圖的圖例樣式，可單擊圖標(biāo)控制圖例的顯隱。

  • 文本

    • 字號(hào)：圖例文本的大小。

    • 顏色：圖例文本的顏色。

    • 字體粗細(xì)：圖例文本字體的粗細(xì)。

  • 布局

    • 間距

      • 左右間距：相鄰圖例之間左右兩側(cè)的距離，僅當(dāng)有多個(gè)系列時(shí)該配置項(xiàng)才有效。

      • 上下間距：圖例與組件和柱圖上下邊界的距離。

    • 位置：圖例相對(duì)于組件起始坐標(biāo)的位置，可選頂部居左、頂部居中、頂部居右、底部居左、底部居中底部居右。

• 提示框：在預(yù)覽或發(fā)布頁面，鼠標(biāo)懸浮或單擊柱圖時(shí)出現(xiàn)的提示框的樣式。

  圖 1. 提示框面板

  圖 2. 提示框示例

  • 觸發(fā)類型：提示框被觸發(fā)的目標(biāo)類型，可選，包括數(shù)據(jù)項(xiàng)和坐標(biāo)軸。

  • 觸發(fā)動(dòng)作：提示框被觸發(fā)的動(dòng)作，可選，包括懸浮和點(diǎn)擊。

  • 消失延遲時(shí)間：當(dāng)不滿足觸發(fā)條件時(shí)，提示框就會(huì)消失，此配置項(xiàng)設(shè)置提示框消失前延遲的時(shí)間，單位為ms。

  • 背景框樣式：提示框的背景框樣式。

    • 背景色：提示框的背景顏色。

    • 自定義背景框尺寸：提示框的寬度和高度，單位為px。

    • 內(nèi)邊距：提示框的內(nèi)部邊距，單位為px。

    • 水平偏移量：提示框相對(duì)鼠標(biāo)箭頭位置的水平偏移量，單位為px。

    • 垂直偏移量：提示框相對(duì)鼠標(biāo)箭頭位置的垂直偏移量，單位為px。

    • 邊框顏色：提示框的邊框顏色。

    • 邊框粗細(xì)：提示框邊框的粗細(xì)，單位為px。

  • 文本樣式：提示框中文本的樣式。

    • 顏色：提示框文本的顏色。

    • 字體：提示框文本的字體系列。

    • 字號(hào)：提示框文本的大小。

    • 字體粗細(xì)：提示框文本的字體粗細(xì)。

  • 坐標(biāo)軸指示器：當(dāng)提示框的觸發(fā)類型為坐標(biāo)軸，且執(zhí)行觸發(fā)動(dòng)作時(shí)，展示的坐標(biāo)軸指示器的樣式。

    • 類型：坐標(biāo)軸指示器的類型，目前只支持直線指示器。

    • 指示線樣式：指示線顏色、寬度和類型（類型可選，包括實(shí)線、虛線和點(diǎn)線）。

• 數(shù)據(jù)系列：?jiǎn)螕粲覀?cè)的或圖標(biāo)，添加或刪除一個(gè)數(shù)據(jù)系列。

  • 系列名：數(shù)據(jù)系列的命名，可自定義。為空時(shí)，系統(tǒng)會(huì)將組件數(shù)據(jù)中的s字段值作為系列名進(jìn)行顯示。如果不為空，您需要保證數(shù)據(jù)返回的順序。

  • 顏色：此系列下柱圖的顏色。

• 動(dòng)畫：柱圖的動(dòng)畫效果樣式，可單擊圖標(biāo)開啟或關(guān)閉動(dòng)畫效果。

  • 初始動(dòng)畫時(shí)長(zhǎng)：組件第一次渲染動(dòng)畫的時(shí)長(zhǎng)，單位為ms。

  • 緩動(dòng)效果：動(dòng)畫的緩動(dòng)效果，系統(tǒng)提供多種常見的動(dòng)畫緩動(dòng)效果供您選擇。

  • 各系列依次動(dòng)畫：打開開關(guān)，各系列柱圖依次按順序播放動(dòng)畫；關(guān)閉開關(guān)，全部柱圖一起播放動(dòng)畫。

  • 更新動(dòng)畫時(shí)長(zhǎng)：組件數(shù)據(jù)更新時(shí)的動(dòng)畫時(shí)長(zhǎng)，單位為ms。

  • 是否從之前位置開始：打開開關(guān)，組件數(shù)據(jù)更新時(shí)，從上一個(gè)數(shù)據(jù)的位置開始播放動(dòng)畫；關(guān)閉開關(guān)，組件數(shù)據(jù)更新時(shí)，從初始位置開始播放動(dòng)畫。

上圖中的示例JSON代碼如下。

[
  {
    "x": "浙江",
    "y": "200",
    "s": "1"
  },
  {
    "x": "浙江",
    "y": "100",
    "s": "2"
  },
  {
    "x": "遼寧",
    "y": "25",
    "s": "1"
  },
  {
    "x": "遼寧",
    "y": "125",
    "s": "2"
  },
  {
    "x": "吉林",
    "y": "190",
    "s": "1"
  },
  {
    "x": "吉林",
    "y": "110",
    "s": "2"
  },
  {
    "x": "黑龍江",
    "y": "90",
    "s": "1"
  },
  {
    "x": "黑龍江",
    "y": "60",
    "s": "2"
  },
  {
    "x": "安徽",
    "y": "240",
    "s": "1"
  },
  {
    "x": "安徽",
    "y": "170",
    "s": "2"
  }
]

• x：柱圖中每個(gè)柱子的類目。

• y：柱圖中每個(gè)柱子的值。

• s：（可選） 對(duì)應(yīng)系列數(shù)據(jù)。