Skip to content

Update view.md #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Update view.md #37

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
102f46a
Update view.md
ShmilyXI Nov 12, 2019
3df9c96
Update view.md
ShmilyXI Nov 12, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 16 additions & 2 deletions bizCharts/zh/api/view.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@

# View

视图，由 Chart 生成和管理，拥有自己独立的数据源、坐标系和图层，用于异构数据的可视化以及图表组合，一个 Chart 由一个或者多个视图 View 组成。因此 view 上的 api 同 chart 基本相同。
视图，由 Chart 生成和管理，拥有自己独立的数据源、坐标系和图层，用于异构数据的可视化以及图表组合，一个 Chart 由一个或者多个视图 View 组成。因此 view 上的 api 同 chart 基本相同。ew 不再支持创建子 View

## 使用说明
### 父组件
Expand Down Expand Up @@ -46,8 +46,8 @@
* 类型：Object
* 描述：绘制区域的起始坐标，x和y的取值范围均为0到1。
我们的起始点是从**左上角**开始的。
参见:

参见:
```js
<View start={{x:0.5, y:0.5}} />
```
Expand Down Expand Up @@ -77,3 +77,17 @@
#### `filter`
* 类型：Object
* 描述：使用同 `Chart` 的 [filer 属性](chart#filter)。

## 示例
在进行地理数据的可视化的时候，使用多视图的绘制方式就会非常方便。

通常情况下，地理数据的可视化会包含多份数据：一份是用于绘制地图的经纬度数据，一份是用户真正想要可视化的用户数据。

在这个例子中，需要在地图上标注各个地区的热力值，这个时候就可以使用多视图的可视化方案：

- 首先绘制地图背景，使用包含世界地图经纬度的数据；
- 然后再可视化包含各个地区的热力数据。

[demo](https://bizcharts.net/products/bizCharts/demo/detail?id=map-with-heatmap&selectedKey=%E5%9C%B0%E5%9B%BE)
![](https://img.alicdn.com/tfs/TB17MUAmuL2gK0jSZPhXXahvXXa-942-780.jpg)