Merge pull request #4 from ant-mini-program/htAlign

feat: add `htAlign` config to xAxis.

Author: Phieo

README.md

@@ -52,6 +52,7 @@ x坐标列表，等同全部数据的宽度。
 x坐标轴的配置。
 
 * tickCount: int 显示的坐标个数。
+* htAlign: boolean 是否首尾缩进对齐。
 * 更多设置详见F2。
 
 #### `yAxis`: Object
@@ -104,6 +105,7 @@ x坐标列表，等同全部数据的宽度。
 x坐标轴的配置。
 
 * tickCount: int 显示的坐标个数。
+* htAlign: boolean 是否首尾缩进对齐。
 * 更多设置详见F2。
 
 #### `yAxis`: Object
@@ -161,6 +163,7 @@ x坐标列表，等同全部数据的宽度。
 x坐标轴的配置。
 
 * tickCount: int 显示的坐标个数。
+* htAlign: boolean 是否首尾缩进对齐。
 * 更多设置详见F2。
 
 #### `yAxis`: Object
@@ -381,6 +384,7 @@ y坐标轴的配置。
 x坐标轴的配置。
 
 * tickCount: int 显示的坐标个数。
+* htAlign: boolean 是否首尾缩进对齐。
 * 更多设置详见F2。
 
 #### `yAxis`: Object
@@ -431,6 +435,7 @@ y坐标轴的配置，同`xAxis`。
 x坐标轴的配置。
 
 * tickCount: int 显示的坐标个数。
+* htAlign: boolean 是否首尾缩进对齐。
 * 更多设置详见F2。
 
 #### `yAxis`: Object
@@ -459,6 +464,7 @@ y坐标轴的配置，同`xAxis`。
 x坐标轴的配置。
 
 * tickCount: int 显示的坐标个数。
+* htAlign: boolean 是否首尾缩进对齐。
 * 更多设置详见F2。
 
 #### `yAxis`: Object

components/area/index.js

@@ -80,7 +80,9 @@ Component({
     chart.source(data);
 
     if(xAxis) {
-      xAxis.label = util.label;
+      if(xAxis.htAlign) {
+        xAxis.label = util.label;
+      }
       chart.scale('key', util.scale(xAxis));
       chart.axis('key', util.axis(xAxis));
     }

components/bubble/index.js

@@ -101,7 +101,9 @@ Component({
 
     //配置坐标轴的伸长比
     if (xAxis) {
-      xAxis.label = util.label;
+      if(xAxis.htAlign) {
+        xAxis.label = util.label;
+      }
       chart.scale('key', util.scale(xAxis));
     }
     if (yAxis) {

components/column/index.js

@@ -84,11 +84,13 @@ Component({
       chart.coord(coord);
     }
     if(xAxis) {
-      if(!coord || !coord.transposed) {
-        xAxis.label = util.label;
-      }
-      else {
-        yAxis.label = util.label;
+      if(xAxis.htAlign) {
+        if(!coord || !coord.transposed) {
+          xAxis.label = util.label;
+        }
+        else {
+          yAxis.label = util.label;
+        }
       }
       chart.scale('key', util.scale(xAxis));
       chart.axis('key', util.axis(xAxis));

components/k/index.js

@@ -65,7 +65,9 @@ Component({
     chart.source(data);
 
     if(xAxis) {
-      xAxis.label = util.label;
+      if(xAxis.htAlign) {
+        xAxis.label = util.label;
+      }
       chart.scale('time', util.scale(xAxis));
       chart.axis('time', util.axis(xAxis));
     }

components/line/index.js

@@ -80,7 +80,9 @@ Component({
     chart.source(data);
 
     if(xAxis) {
-      xAxis.label = util.label;
+      if(xAxis.htAlign) {
+        xAxis.label = util.label;
+      }
       chart.scale('key', util.scale(xAxis));
       chart.axis('key', util.axis(xAxis));
     }

components/scatter/index.js

@@ -68,7 +68,9 @@ Component({
     chart.source(data);
 
     if (xAxis) {
-      xAxis.label = util.label;
+      if(xAxis.htAlign) {
+        xAxis.label = util.label;
+      }
       chart.scale('key', util.scale(xAxis));
       chart.axis('key', util.axis(xAxis));
     }

components/timeshare/index.js

@@ -132,7 +132,9 @@ Component({
     areaChart.source(data);
 
     if(xAxis) {
-      xAxis.label = util.label;
+      if(xAxis.htAlign) {
+        xAxis.label = util.label;
+      }
       areaChart.scale('key', util.scale(xAxis));
       areaChart.axis('key', util.axis(xAxis));
     }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mini-chart",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "小程序图表库",
   "repository": {
     "type": "git",