docs: 增加histogram的example和文档 (#1422)

* docs: 增加histogram的文档增加histogram的文档 * style: 简化代码 * style: rebase和简化代码
antvis · Aug 25, 2020 · b8c8919 · b8c8919
1 parent 591378b
commit b8c8919
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 23 deletions.
diff --git a/examples/histogram/basic/API.en.md b/examples/histogram/basic/API.en.md
@@ -1,5 +1,5 @@
 ---
-title: API 
+title: API
 ---
 
 # 配置属性
@@ -36,12 +36,7 @@ title: API
 | range          | _number[]_ | 字段的数据映射区间，默认为[0,1]             |
 
 ```js
-const data = [
-  { value: 20 },
-  { value: 34 },
-  { value: 56 },
-  { value: 67 }
-];
+const data = [{ value: 20 }, { value: 34 }, { value: 56 }, { value: 67 }];
 
 const HistogramPlot = new Histogram(document.getElementById('container'), {
   data,
@@ -55,8 +50,10 @@ const HistogramPlot = new Histogram(document.getElementById('container'), {
       max: 20,
       nice: true,
       alias: '数量',
-      formatter:(v)=>{return `${v}个`}
-    }
+      formatter: (v) => {
+        return `${v}个`;
+      },
+    },
   },
   // highlight-end
   binField: 'value',
@@ -96,7 +93,6 @@ columnStyle ✨
 
 功能描述： 设置直方图柱子样式。
 
-
 | 细分配置      | 类型   | 功能描述   |
 | ------------- | ------ | ---------- |
 | fill          | string | 填充颜色   |
@@ -106,5 +102,3 @@ columnStyle ✨
 | opacity       | number | 整体透明度 |
 | fillOpacity   | number | 填充透明度 |
 | strokeOpacity | number | 描边透明度 |
-
-
diff --git a/examples/histogram/basic/API.zh.md b/examples/histogram/basic/API.zh.md
@@ -36,12 +36,7 @@ title: API
 | range          | _number[]_ | 字段的数据映射区间，默认为[0,1]             |
 
 ```js
-const data = [
-  { value: 20 },
-  { value: 34 },
-  { value: 56 },
-  { value: 67 }
-];
+const data = [{ value: 20 }, { value: 34 }, { value: 56 }, { value: 67 }];
 
 const HistogramPlot = new Histogram(document.getElementById('container'), {
   data,
@@ -55,8 +50,10 @@ const HistogramPlot = new Histogram(document.getElementById('container'), {
       max: 20,
       nice: true,
       alias: '数量',
-      formatter:(v)=>{return `${v}个`}
-    }
+      formatter: (v) => {
+        return `${v}个`;
+      },
+    },
   },
   // highlight-end
   binField: 'value',
@@ -96,7 +93,6 @@ columnStyle ✨
 
 功能描述： 设置直方图柱子样式。
 
-
 | 细分配置      | 类型   | 功能描述   |
 | ------------- | ------ | ---------- |
 | fill          | string | 填充颜色   |
@@ -106,5 +102,3 @@ columnStyle ✨
 | opacity       | number | 整体透明度 |
 | fillOpacity   | number | 填充透明度 |
 | strokeOpacity | number | 描边透明度 |
-
-