## 交互
```
{
'intersect': {
'in_use': false,
'click' : {
'type' : '', // url,iframe,modal,function
'param': '',
'data' : '',
},
'hover' : {
'affect': [],
'type' : '', // function
'param' : '',
'data' : '',
},
},
}
```
* 悬浮内容可以用来放置HTML内容,例如:文字、进度条、图表等,完全自定义其内容和样式。
| 参数 | 说明 | 格式 | 备注 |
| --- | --- | --- | --- | --- |
| intersect.in_use | 是否开启交互(点击与经过) | Boolean | |
| intersect.click | 点击交互 | Object | 根据不同的点击交互类型,有不同的参数配置,具体下文中有详解 |
| intersect.hover | 鼠标经过交互 | Object | |
| intersect.hover.affect | 经过时影响元素 | Array | `['emphasis','label','infobox']`可根据需要自行选用 |
| intersect.hover.type | 经过时触发的类型 | String | 目前仅有function可用,具体下文中有详解 |
### 点击交互 - url
```
'click' : {
'type' : 'url',
'param': '_blank',
'data' : 'http://www.bing.com/',
},
```
### 点击交互 - iframe
```
'click' : {
'type' : 'iframe',
'param': '{width:1300,height:800}',
'data' : 'http://www.bing.com/',
},
```
### 点击交互 - modal
```
'click' : {
'type' : 'modal',
'param': '{width:400,height:250}',
'data' : 'Sit ipsum elit est et in voluptate, mollit duis quasi explicabo iste eaque ut',
},
```
### 点击交互 - function
```
'click' : {
'type' : 'function',
'param': 'abc',
'data' : 'my_call_click',
},
function my_call_click( object_id, param ){
...
}
```
### 经过交互 - function
```
'hover' : {
'affect': [...],
'type' : 'function',
'param' : {'abc':123},
'data' : 'my_call_hover',
},
function my_call_hover( object_id, param ){
...
}
```
- 序言
- 简介
- 为何选择
- 框架特点
- 运行性能
- 开始使用
- 目录结构
- 运行环境
- 如何使用
- 可视化设计
- 简介
- 如何使用
- 基础
- 目录结构
- 配置数据
- 结构
- global
- style_lib
- default
- emphasis
- status
- environ
- camera
- ground
- light
- ambient_light
- directional_light
- point_light
- designer_data
- 物体数据
- 结构
- 通用参数
- id
- name
- style
- advgeom
- visible
- status
- param
- property
- scale
- align
- position
- rotation
- label
- infobox
- icon
- linkline
- float
- intersect
- animate
- rotate
- shuttle
- pipeline
- flow
- route
- 多个动画
- 基础物体
- plane 平面
- circle 圆平面
- ring 环平面
- cube 立方体
- sphere 球体
- cylinder 圆柱体
- torus 圆环体
- tube 管道
- spline 曲面
- wall 墙体
- raise 拔高体
- tetrahedron 正四面体
- octahedron 正八面体
- icosahedron 正二十面体
- 外部三维模型
- 接口
- 开发必读
- 物体类
- visible
- position
- scale
- rotation
- icon
- label
- infobox
- intersect
- param
- status
- animate
- list
- remove
- add
- update
- query
- 摄像机类
- get
- set
- reset
- auto_rotate
- 杂项
- 联系