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">
<link rel="stylesheet" href="https://admin.sovitjs.com/static/sovitjs/jquery-ui.css">
<script src="https://admin.sovitjs.com/static/sovitjs/SovitChartPaser.min.js"></script>
<!--
如果私有化部署时引入的是私有化系统的地址：如
<link rel="stylesheet" href="http://localhost:9188/static/sovitjs/jquery-ui.css">
<script src="http://localhost:9188/static/sovitjs/SovitChartPaser.min.js"></script>
-->
</head>
<body style="background-color: #e5e7ea;">
<div id="sovitChart_1" style="width:1160px;height: 578px;margin-top: 0px;position: relative;">
</div>
</body>
</html>
<script>
let sceneMain = null;
let sceneChartMain = null;
$(document).ready(function() {
sceneMain = new SovitChartPaser.SceneMain({
apiurl: 'https://admin.sovitjs.com/restapi',
publishType: 1 //1为在线引用组件 2为离开引用组件
});
initScene('3071953254196707334');//大屏页面的ID
});
function initScene(id) {
sceneMain.initChart("sovitChart_1", {
pageId: id, //图表的ID，发布图表的地方可以找到
params: { //params是向后端接口或者SQL中定义了参数，进行参数传递，注意key的名称要和编辑器中对接数据时定义的参数名一样
}
}, function(comId,eventType,eventReJson) {//事件回调函数：comId为当前点击的组件的div的id，eventType为事件类型，eventReJson为定义的事件参数
console.info(comId,eventType,eventReJson)
$("#reback_event").html('组件ID:'+comId+'<br>事件类型：'+eventType+'<br>回调数据'+JSON.stringify(eventReJson));
});
}
</script>
效果预览：
将SovitChart开发好的大屏界面集成到自己的系统中，这里演示通过DIV集成进来
将SovitChart开发好的大屏界面集成到自己的系统中，这里演示通过DIV集成进来
回调事件测试：
