Skip to content

Commit 56855d9

Browse files
committed
update readme
1 parent 4d84833 commit 56855d9

File tree

1 file changed

+15
-1
lines changed

1 file changed

+15
-1
lines changed

README.md

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -454,7 +454,18 @@ In fact, this is a wonderful solution to display a orgchart which includes a hug
454454

455455
- **[I want a hybrid(horizontal + vertical) chart](http://dabeng.github.io/OrgChart/vertical-depth/)**
456456

457-
In fact, this is a wonderful solution to display a orgchart which includes a huge number of node data.
457+
This feature is inspired by the issues([Aligning Children Vertical](https://github.com/dabeng/OrgChart/issues/46), [Hybrid(horizontal + vertical) OrgChart](https://github.com/dabeng/OrgChart/issues/61)). Thank [mfahadi](https://github.com/mfahadi) and [Destructrix](https://github.com/Destructrix) for their constructive suggestions:blush:
458+
459+
From now on, users never have to worry about how to align a huge of nodes in one screen of browser. The option "verticalDepth" allows users to align child nodes vertically from the given depth.
460+
461+
```js
462+
// sample of core source code
463+
$('#chart-container').orgchart({
464+
'data' : datascource,
465+
'nodeContent': 'title',
466+
'verticalDepth': 3 // From the 3th level of orgchart, nodes will be aligned vertically.
467+
});
468+
```
458469

459470
![hybrid layout](http://dabeng.github.io/OrgChart/vertical-depth/snapshot.png)
460471

@@ -511,6 +522,9 @@ $('#chartContainerId').orgchart(options);
511522
<tr>
512523
<td>direction</td><td>string</td><td>no</td><td>"t2b"</td><td>The available values are t2b(implies "top to bottom", it's default value), b2t(implies "bottom to top"), l2r(implies "left to right"), r2l(implies "right to left").</td>
513524
</tr>
525+
<tr>
526+
<td>verticalDepth</td><td>integer</td><td>no</td><td></td><td>Users can make use of this option to align the nodes vertically from the specified depth.</td>
527+
</tr>
514528
<tr>
515529
<td>toggleSiblingsResp</td><td>boolean</td><td>no</td><td>false</td><td>Once enable this option, users can show/hide left/right sibling nodes respectively by clicking left/right arrow.</td>
516530
</tr>

0 commit comments

Comments
 (0)