SovitChart示例
Sovit2D示例
Sovit3D示例
<!DOCTYPE html>
<html lang="en">
<head>
<title id="page_title"></title>
<meta name="referrer" content="strict-origin-when-cross-origin">
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<script src="https://admin.sovitjs.com/static/sovitjs/SovitChartPaser.min.js"></script>
</head>
<body style="background-color: #e5e7ea;">
<iframe id="demo_iframe" src="https://admin.sovitjs.com/publish_chart/3071953254196707334" height="700" scrolling="auto" width="1699" frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes">
</iframe>
</body>
</html>
<script>
$(document).ready(function() {
window.onmessage = handleIframeMessage;
});
function handleIframeMessage(event) {
const data = event.data
switch(data.cmd) {
case 'EventChartCallback'://EventChartCallback代表chart事件回调返回的数据
if(data.params.success) {
console.info(data);
$("#reback_event").html(JSON.stringify(data));
}
break;
}
}
</script>
效果预览：
将SovitChart开发好的大屏界面集成到自己的系统中，这里演示通过Iframe集成进来
将SovitChart开发好的大屏界面集成到自己的系统中，这里演示通过Iframe集成进来
回调事件测试：
