## 交互 ``` { '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 ){ ... } ```