table表格动态增加行/删除行，动态给highchart赋值

最新推荐文章于 2022-04-13 10:36:40 发布

VIP文章欣赏月光

最新推荐文章于 2022-04-13 10:36:40 发布

阅读量1.8k

点赞数

文章标签： table 动态增加行动态删除行 hightchart动态赋值

本文链接：https://blog.csdn.net/an341221/article/details/47333723

版权

<%@ page language="java" pageEncoding="UTF-8"
   contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<title>船舶流量监控</title>
<script type="text/javascript" src="/js/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript"
   src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript"
   src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script type="text/javascript"
   src="http://cdn.hcharts.cn/highcharts/exporting.js"></script>
<link href="../resources/plugins/jq_mobile/jquery.mobile-1.4.4.min.css"
   rel="stylesheet">

//highchart图标初始化
$(function () {
    $('#test_zhuzhuangtup').highcharts({
        title: {
            text: '船流量监控',
            x: -20
        },
        xAxis: {
            categories: ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]
        },
        yAxis: {
            title: {
                text: '单位(/艘)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '艘'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{name:"test",data:[0,0,0,0,0,0,0,0,0,0,0,0]}]
    });
});

//点击查询触发该方法

function test_hard_handle_tiaojian_datagrid_searchFun() {
//$('#test_table').datagrid('load', serializeObject($('#test_searchForm')));

// data: {username:$("#username").val(), content:$("#content").val()},

//获取查询条件
</

最低0.47元/天解锁文章

欣赏月光

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
table表格动态增加行/删除行，动态给highchart赋值

function test_hard_handle_tiaojian_datagrid_searchFun() { //$('#test_table').datagrid('load', serializeObject($('#test_searchForm'))); // data: {username:$("#username").val(), content:$("#co
复制链接

扫一扫