1.3 X軸配置 · JimuReport 積木報表

[TOC] ***** ### **X軸屬性配置** 圖表屬性支持一覽表 | | 是否顯示 | 名稱 |顯示網格線| 網格線顏色 | 刻度間隔 |標簽旋轉角度 |字號 |軸反向 |顯示刻度線| | :------: | :------: | :------: | :------: | :------: | :------: | :------: | :------: |:------: |:------: | | 普通柱狀圖 | ? | ? |? |? |? |? |? |? |? | | 堆疊柱狀圖 | ? | ? |? |? |? |? |? |? |? | | 折柱圖 | ? | ? |? |? |? |? |? |? |? | | 普通折線圖 | ? | ? |? |? |? |? |? |? |? | | 面積折線圖 | ? | ? |? |? |? |? |? |? |? | | 縱向折線圖 | ? | ? |? |? |? |? |? |? |? | | 散點圖 | ? | ? |? |? |? |? |? |? |? | | 象形圖 | ? | ? |? |? |? |? |? |? |? | ***** #### **（1）是否顯示** [xAxis.show](https://echarts.apache.org/zh/option.html#xAxis.show) 用于設置X軸的軸線是否顯示，如下圖 ![](https://img.kancloud.cn/73/75/7375fd86537e65b5f10057879d24f01e_1119x632.png) ***** #### **（2）名稱** [xAxis.name](https://echarts.apache.org/zh/option.html#xAxis.name) 用于設置坐標軸名稱，如下圖 ![](https://img.kancloud.cn/6c/0b/6c0b0fafe021e26340bace32effd9c3c_1120x606.png) ***** #### **（3）顯示網格線** [xAxis.splitLine.show](https://echarts.apache.org/zh/option.html#xAxis.splitLine.show) 用于設置縱向網格線是否顯示，如下圖 ![](https://img.kancloud.cn/a8/eb/a8ebd2bddb162d4520f4696d1eb5a4d3_1127x658.png) ***** #### **（4）刻度間隔** [xAxis.axisTick.interval](https://echarts.apache.org/zh/option.html#xAxis.axisTick.interval)坐標軸刻度標簽的顯示間隔，如下圖 ![](https://img.kancloud.cn/bd/3c/bd3cfb019f2e237d072a91421f66edb6_1123x750.png) ***** #### **（5）標簽旋轉角度** [xAxis.axisLabel.rotate](https://echarts.apache.org/zh/option.html#xAxis.axisLabel.rotate) 刻度標簽旋轉的角度，在類目軸的類目標簽顯示不下的時候可以通過旋轉防止標簽之間重疊，如下圖 ![](https://img.kancloud.cn/c1/bb/c1bb0896c38c46ba9904b494baf6e8c4_1100x451.png) ***** #### **（6）字號** [xAxis.axisLabel.fontSize](https://echarts.apache.org/zh/option.html#xAxis.axisLabel.fontSize)刻度標簽文字的字體大小，如下圖 ![](https://img.kancloud.cn/0d/65/0d65657154515766e801c3cea12edb26_1090x498.png) ***** #### **（7）軸反向** [xAxis.inverse](https://echarts.apache.org/zh/option.html#xAxis.inverse)是否是反向坐標軸。，如下圖 ![](https://img.kancloud.cn/7e/4a/7e4aa84f7a5962ce0ff227a858c60a8c_1104x501.png) #### **（8）顯示刻度線** [xAxis.axisTick.show](https://echarts.apache.org/zh/option.html#xAxis.axisTick.show)是否顯示坐標軸刻度線，如下圖 ![](https://img.kancloud.cn/59/b4/59b462335af691e412b9f2e542747ea6_1108x496.png)