1.8 圖例設置 · JimuReport 積木報表

[TOC] ***** ### **圖例屬性配置** 圖表屬性支持一覽表 | | 是否顯示 |字體顏色|字體大小| 圖例寬度 | 水平對齊 |垂直位置 |排列方式 | | :------: | :------: | :------: | :------: | :------: | :------: | :------: | :------: |:------: |:------: |:------: | | 普通柱狀圖 | ? | ? |? |? |? |? |? | | 堆疊柱狀圖 | ? | ? |? |? |? |? |? | | 折柱圖 | ? | ? |? |? |? |? |? | | 普通折線圖 | ? | ? |? |? |? |? |? | | 面積折線圖 | ? | ? |? |? |? |? |? | | 縱向折線圖 | ? | ? |? |? |? |? |? | | 普通餅圖 | ? | ? |? |? |? |? |? | | 旋轉餅圖 | ? | ? |? |? |? |? |? | | 雷達圖 | ? | ? |? |? |? |? |? | | 漏斗圖 | ? | ? |? |? |? |? |? | | 男女占比圖 | ? | ? |? |? |? |? |? | ***** #### **（1）是否顯示** [legend.show](https://echarts.apache.org/zh/option.html#legend.show)是否顯示圖例組件，如下圖 ![](https://img.kancloud.cn/ac/0c/ac0c2a5787644ffcb929ba8694b11354_1100x443.png) ***** #### **（2）字體顏色** [legend.textStyle.color](https://echarts.apache.org/zh/option.html#legend.textStyle.color)設置圖例文字顏色 ![](https://img.kancloud.cn/6b/5b/6b5bbcd8bff53199b9d0e3a40dd58657_1100x435.png) ***** #### **（3）字體大小** [legend.textStyle.fontSize](https://echarts.apache.org/zh/option.html#legend.textStyle.fontSize)設置圖例文字的字體大小，如下圖 ![](https://img.kancloud.cn/f2/2c/f22c9047e0e282757459d417cd217e37_1100x453.png) ***** #### **（4）寬度** [legend.itemWidth](https://echarts.apache.org/zh/option.html#legend.itemWidth) 圖例標記的圖形寬度，如下圖 ![](https://img.kancloud.cn/9d/3e/9d3e0020f3900f8d96c7474ca2d5e491_1101x442.png) ***** #### **（5）水平位置** 設置圖例水平方向對齊方式，如下圖 ![](https://img.kancloud.cn/49/c9/49c924613bfae37c5b08b7d19449dbb7_1100x418.png) #### **（6）垂直位置** 設置圖例垂直方向對齊方式，如下圖 ![](https://img.kancloud.cn/38/bd/38bdf07acda35591559e19f3e0c3691f_1100x437.png) ***** #### **（7）排列方式** 設置圖例是橫向排列還是縱向排列 ![](https://img.kancloud.cn/01/5a/015a2a7114abc26b5b44ee0c82240b19_1100x393.png) *****