BizCharts学习(二)图表构成

1.组件构成

图表是由各个组件组合而成的。
组件有两种类型 :
实体组件:在图表上有对应的图形、文本显示
抽象组件:没有显示,是一种概念抽象组件

2.常用图表组件:

<Chart />	实体组件,图表父组件,所有的其他组件都必须由<Chart>包裹
<Coord />	抽象组件,坐标系组件。<Chart><Coord /></Chart>, 用来描述 <Chart/> <View /> 组件的坐标系,比如笛卡尔坐标系、极坐标系等。
<Axis />    实体组件,坐标轴组件, <Chart><Axis /></Chart>
<Geom />    实体组件,几何标记组件, <Chart><Geom /></Chart>。即我们所说的点、线、面这些几何图形。
<Label />	实体组件	几何标记的辅助文本组件, <Chart><Geom><Label /></Geom></Chart>。该组件必须作为<Geom/> 的子组件。
<Tooltip />	实体组件	提示框组件, <Chart><Tooltip /></Chart>

3.非常用图表组件:

<Guide />	     实体组件,辅助标记组件, <Chart><Guide /></Chart>
<Line />	     实体组件,辅助标记线组件, <Chart><Guide><Line /></Guide></Chart>。该组件处于 Guide 组件命名空间下,且必须作为 <Guide /> 的子组件才会生效。
<Image />	     实体组件,辅助标记图片组件, <Chart><Guide><Image /></Guide></Chart>。该组件处于 Guide 组件命名空间下。且必须作为 <Guide /> 的子组件才会生效
<Text />	     实体组件,辅助标记文本组件, <Chart><Guide><Text /></Guide></Chart>。该组件处于 Guide 组件命名空间下。且必须作为 <Guide /> 的子组件才会生效
<Region />	     实体组件,辅助标记举行组件, <Chart><Guide><Region /></Guide></Chart>。该组件处于 Guide 组件命名空间下。且必须作为 <Guide /> 的子组件才会生效
<Arc />	         实体组件,辅助标记弧形组件, <Chart><Guide><Arc /></Guide></Chart>。该组件处于 Guide 组件命名空间下。且必须作为 <Guide /> 的子组件才会生效
<Html />	     实体组件,辅助标记 html 组件, <Chart><Guide><Html /></Guide></Chart>。该组件处于 Guide 组件命名空间下。且必须作为 <Guide /> 的子组件才会生效
<RegionFilter /> 实体组件,辅助框组件,<Chart><Guide><RegionFilter /></Guide></Chart>,框选一段图区,设置背景、边框等。
<DataMarker />	 实体组件,辅助 html,<Chart><Guide><DataMarker /></Guide></Chart>,指定位置添加自定义 html,显示自定义信息。
<DataRegion />	 实体组件,辅助弧线,<Chart><Guide><DataRegion /></Guide></Chart>
<Facet />	     抽象组件,分面组件,<Chart><Facet /></Chart>
<View />	     抽象组件,视图组件,<Chart><View /><View /></Chart>

4.图表插件有

<Slider />	图标插件,使用前必须确定已经安装了 Bizcarts。

5.空间构成
常用图表的各组件的空间构成

发布了7 篇原创文章 · 获赞 0 · 访问量 56

猜你喜欢

转载自blog.csdn.net/tigerwxm630/article/details/105606137