数值轴文字样式支持

Author: kener

doc/doc.html

@@ -1503,6 +1503,12 @@ <h4>axis<a name="Axis"> </a><a name="CategoryAxis"> </a><a name="ValueAxis"> </a
                             <td> 数值型 </td>
                             <td> 坐标轴名称位置，默认为'end'，可选为：'start' | 'end'</td>
                         </tr>
+                        <tr>
+                            <td> <b>{Object}</b> nameTextStyle </td>
+                            <td> {} </td>
+                            <td> 数值型 </td>
+                            <td> 坐标轴名称文字样式，默认取全局配置，颜色跟随axisLine主色，可设</td>
+                        </tr>
                         <tr>
                             <td> <b>{Boolean}</b> boundaryGap </td>
                             <td> true </td>
@@ -1771,7 +1777,7 @@ <h5>axis.splitLine<a name="AxisSplitline"> </a></h5>
                             <td> <b>{boolean}</b> onGap </td>
                             <td> null </td>
                             <td> 类目型 </td>
-                            <td> 小标记是否显示为间隔，默认等于boundaryGap</td>
+                            <td> 分隔线是否显示为间隔，默认等于boundaryGap</td>
                         </tr>
                         <tr>
                             <td> <b>{Object}</b> lineStyle </td>
@@ -1800,7 +1806,7 @@ <h5>axis.splitArea<a name="AxisSplitarea"> </a></h5>
                             <td> <b>{boolean}</b> onGap </td>
                             <td> null </td>
                             <td> 类目型 </td>
-                            <td> 小标记是否显示为间隔，默认等于boundaryGap</td>
+                            <td> 分隔区域是否显示为间隔，默认等于boundaryGap</td>
                         </tr>
                         <tr>
                             <td> <b>{Object}</b> areaStyle </td>

src/component/valueAxis.js

@@ -96,6 +96,16 @@ define(function (require) {
             if (option.name !== '') {
                 axShape.style.text = option.name;
                 axShape.style.textPosition = option.nameLocation;
+                axShape.style.textFont = self.getFont(option.nameTextStyle);
+                if (option.nameTextStyle.align) {
+                    axShape.style.textAlign = option.nameTextStyle.align;
+                }
+                if (option.nameTextStyle.baseline) {
+                    axShape.style.textBaseline = option.nameTextStyle.baseline;
+                }
+                if (option.nameTextStyle.color) {
+                    axShape.style.textColor = option.nameTextStyle.color;
+                }
             }
             axShape.style.strokeColor = option.axisLine.lineStyle.color;
 

src/config.js

@@ -300,6 +300,7 @@ define(function() {
             position: 'left',      // 位置
             name: '',              // 坐标轴名字，默认为空
             nameLocation: 'end',   // 坐标轴名字位置，支持'start' | 'end'
+            nameTextStyle: {},     // 坐标轴文字样式，默认取全局样式
             boundaryGap: [0, 0],   // 数值起始和结束两端空白策略
             // min: null,          // 最小值
             // max: null,          // 最大值