Highcharts动态获取值

<script type="text/javascript">
        $(document).ready(function (){
        var options = {
                chart: {
                    renderTo: ‘container‘,
                    defaultSeriesType: ‘spline‘, //图表类型 line, spline, area, areaspline, column, bar, pie , column,scatter
                    inverted: false //左右显示,默认上下正向。假如设置为true,则横纵坐标调换位置
                },
                xAxis: {
                   categories:[],
                    title: {text: ‘时间‘}  //x轴坐标标题  labels:纵柱标尺
                },
                yAxis: {
                    title: {text: ‘点击量‘},  //Y轴坐标标题  labels:纵柱标尺
                    min:0
                },
                tooltip: {
                    formatter: function() {
                        //当鼠标悬置数据点时的格式化提示
                        return ‘总人数:‘ + Highcharts.numberFormat(this.y, 1)+‘人<br/>当前时间:‘+ this.x ;
                    }
                },
                credits: {
                    enabled: false
                },
                plotOptions: {
                    column: {
                        pointPadding: 0.2,  //图表柱形的
                        borderWidth: 0      //图表柱形的粗细
                    },bar: {
                        dataLabels: {
                            enabled: false
                        }
                    }
                },
                title: { text: ‘指定时间点击量统计图‘}, //图表主标题
             series:[]
            };
             $("#btn").click(function(){
              
$.post("/tgSpreadServlet",{page:"dayget",sdate:$("#sdate").val(),edate:$("#edate").val(),surl:$("#sUrl").val()},function(data){
              var sd=$("#sdate").val();
               var ed=$("#edate").val();
               //计算相差天数
               var datediff=DateDiff(sd, ed);
               for(var i=0;i<datediff;i++){
                 var s=AddDays(sd,i);
                 options.xAxis.categories.push(s);
               }
              data=eval("("+data+")");
              options.series.push(data);
              var chart=new Highcharts.Chart(options);
              });
            });
                      
        });

</cript>

时间: 2024-08-04 07:23:15

Highcharts动态获取值的相关文章

highcharts动态获取数据生成图表问题

动态获取数据说白点就是从后台传值到前台,前台把这些值赋值给x轴与y轴.  柱状图的动态传值: //获取后台数据 var x = [];//X轴 var y = [];//Y轴 var xtext = [];//X轴TEXT var color = ["#FFB6C1","#DC143C","#C71585","#D8BFD8","#8B008B","#4B0082","#6A5

Ajax 学习之动态获取,返回服务器的值

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><h

反射学习2-通过反射机制动态获取属性的值模拟Struts的自动赋值

一.准备知识:   Java反射机制   处理事务的JavaBean   String的操作常用方法 二.模拟步骤   这里我们通过反射机制动态获取属性的值模拟Struts中的自动赋值. 1.首先创建一个简单的User类包含两个属性username和userid以及getter.setter方法: class User {     public User(){} private String username; private String userid; public String getUs

基于jquery的表格动态创建,自动绑定,自动获取值

最近刚加入GUT项目,学习了很多其他同事写的代码,感觉受益匪浅. 在GUT项目中,经常会碰到这样一个问题:动态生成表格,包括从数据库中读取数据,并绑定在表格中,以及从在页面上通过jQuery新增删除表格.如下所示: 在实现过程中,开发人员经常采用如下方式来实现: 1)          在前台,通过js生成表格行的html字符串,然后通过jquery的after方法加到表格底部. 2)          在后台,读取数据库,然后生成表格的html字符串,然后传递给前台渲染 3)         

WebDriver获取table的内容(通过动态获取Table单元格的TagName对其innerHTML值进行获取)

import java.util.ArrayList;import java.util.Iterator;import java.util.LinkedHashMap;import java.util.List;import java.util.Map;import java.util.Map.Entry;import org.openqa.selenium.By;import org.openqa.selenium.JavascriptExecutor;import org.openqa.se

Js 怎么遍历json对象所有key及根据动态key获取值

js访问json参照一下代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <script type="text/javascript"> var smsTypeDesc = {"4":"回访短信","3":"邮件短

Postman接口测试动态传参——动态获取token值

上午刚学会jmeter动态传参,下午研究了下postman也知道怎么动态获取token了. 主要就是第1行和第2行代码,第3行加上是希望Test Results有个返回值,如果不加第3行运行成功后也看不到个反馈. 第2行打码的位置就是开发自定义的responseBody里返回的token的定位,类似于一级级索引. 例如Body里直接返回的就是token:x***9.eyJ***,那么第2行直接就是postman.setGlobalVariable("token",jsonData.to

动态获取变量的值

var thisNumType='num'; // 全年合计列 for(var i=0;i<20;i++){ $("#leakYearTbl tbody tr:eq("+i+")").find("td:eq(14)").text(eval(num+i)) } 1 var num1=100 var numType=num; 2.使用eval 可以获取值 alert( eval(numType+i) )

【java】java反射机制,动态获取对象的属性和对应的参数值,并属性按照字典序排序,Field.setAccessible()方法的说明【可用于微信支付 签名生成】

方法1:通过get()方法获取属性值 package com.sxd.test.controller; public class FirstCa{ private Integer num; private String name; private Boolean flag; public Integer getNum() { return num; } public void setNum(Integer num) { this.num = num; } public String getNam