实现动态图谱数据

本文介绍如何在网页中实现实时动态图谱数据的展示。首先在页面上定义一个展示图谱数据的层,并设置相关方法。通过查询参数与后端交互,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.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值