实现动态图谱数据

最新推荐文章于 2025-06-03 09:05:31 发布

原创

最新推荐文章于 2025-06-03 09:05:31 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#实现动态图谱数据

本文介绍如何在网页中实现实时动态图谱数据的展示。首先在页面上定义一个展示图谱数据的层，并设置相关方法。通过查询参数与后端交互，JSP页面默认查询所有数据。如果传递了特定参数，会调用JS方法处理数据，确保数据正确加载到表格或图谱中。关键在于调整图谱的类型，如type: 'column'表示条形图。查询方法应与数据库保持一致，涉及service、serviceImpl和Dao包。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在需要的图谱数据的加入js代码

                                <script src="https://img.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
                                <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
                                <script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
                                <script src="//img.hcharts.cn/highcharts/modules/export-data.js"> </script>

前面二个必须要导后面二个是导出excl文档pdf 图片什么的插件

在这里插入图片描述
首先进来页面
定义一个层这个层就是即将展示图谱数据

 <div class="text-right" style="margin-right:5%">
                                            <button onclick="forbidden($('#yczb').val(),$('#hid').val(),$('#sid').val(),$('#cage').val(),$('#csex').val(),$('#ctime').val())" class="btn btn-primary" id="kkw" style="margin-right: 1%">&nbsp;&nbsp;查询&nbsp;&nbsp;</button>
                                            <input type="reset" class="btn btn-primary" value="&nbsp;&nbsp;重置&nbsp;&nbsp;" style="margin-right: 1%">
                                            <input type="button" class="btn btn-primary" value="导出报表">
                                        </div>

注意forbiddn为方法名
后面传递的需要查询的参数

jsp定义查询全部
这是默认查询全部
这边要看你数据库里面需不需要放参数一般不需要所以这边要稍微改一下

<body onload="forbidden('1','','','','7','')">
<div class="navbar navbar-default" id="navbar">
    <script type="text/javascript">
        try {
            ace.settings.