标签-highchart实时刷新chart.series[0].setData(???)赋值

问题描述

highchart实时刷新chart.series[0].setData(???)赋值
$(function (datetimeCom, growth) {

    // Highcharts.Chart Begin
    Highcharts.setOptions({
        global: {
            useUTC: false //当X轴类型为datetime日期时间型的,需要设置时区
        }
    });

    //声明报表对象
    var chart = new Highcharts.Chart({
        chart: {
            //将报表对象渲染到层上
            renderTo: 'container',  //图表放置的容器,DIV
            defaultSeriesType: 'spline' //图表类型为曲线图,可取值有:line、spline、area、areaspline、bar、column等
        }, //chart end
        title: {
            text: '汽油吸附脱硫装置2#S-ZORB曲线'
        },
        yAxis: {
            title: {
                text: '2#S-ZORB实时值'
            }
        },
        xAxis: {
            categories: []
            //                type: 'datetime', //X轴为日期时间类型
            //                      align: 'center',
            //                      allowDecimals: false,
            //                      tickInterval: 30  //X轴标签间隔
            //                labels: {
            //                    step: 2
            //                }
        },
        //设定报表对象的初始数据
        series: [{
            name: '',
            data: []
        }]

    });
    //获取初始化数据
    getInitialData();
    chart.xAxis[0].setCategories(??);
    chart.series[0].setData(??);

            请问这里  chart.series[0].setData(??);由ajax传过来接收值的类型是什么?
            如果后台传的是String数组怎么转换,或者DataTable怎么转换?

            function getForm() {
        $.ajax({
            type: "Post",
            //后台获取数据的函数,注意当对该页面重命名时,
            //必须手动更改该选项
            url: "Default.aspx/getDataTableByAjax",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            //成功获取数据
            success: function (result) {
               ????????????
            },
            //显示错误
            error: function (err) {
                alert(err + "调用后台程序出现错误,请尝试刷新!");
            }
        });
    }

解决方案

js不存在什么类型的概念,直接传就可以了。
参考:http://segmentfault.com/a/1190000002439905

解决方案二:

感谢楼上的回答~~~~

时间: 2024-12-09 22:23:06

标签-highchart实时刷新chart.series[0].setData(???)赋值的相关文章

highchart实时刷新数据,x轴不显示所需时间

问题描述 highchart实时刷新数据,x轴不显示所需时间 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default1.aspx.cs" Inherits="HighchartsDemo._Default1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

chart.series[0].point.addxy速度太慢了

问题描述 因为客户需要看到图形的动态趋势,所以我用timer控件,Interval=1,dt数据表中有400多条记录,在tick事件中添加以下代码:i+=1;chart.Series[0].Points.AddXY(dt.rows[i]["列1"],dt.rows[i]["列2"]);这样可以看到图形的动态走势,虽然我设置的是1毫秒在chart中添加一个点,但它的速度太慢了,它不是1毫秒添加一个,大概半秒才添加一个,不知道是什么原因?有没有其它方法?谢谢 解决方案

jquery ajax-重复调用jQuery ajax刷新Chart数据内存泄露问题,急~~~

问题描述 重复调用jQuery ajax刷新Chart数据内存泄露问题,急~~~ 在网页中使用标签定义了图表,在js用setInterval定时使用ajax获取数据后刷新图表数据.发现浏览器内存一直在涨,浏览器使用的是FireFox. js代码如下: function FlowPageReday(){ var RefreshTimeOut = 10*1000; RefreshFlow(); /*每隔一定的时间刷新页面*/ setInterval("RefreshFlow()", Ref

谷歌地图-google地图infoWindow.open窗口的数据怎么实时刷新?

问题描述 google地图infoWindow.open窗口的数据怎么实时刷新? 其中就是要实时刷新的数据 后端刷新代码是这样的 ```function scan() { $.ajax({ async:true, type: 'get', url: "action.do?method=ajaxList", timeout: 5000, dataType: "json", error: function(XMLHttpRequest,textStatus,errorT

C# 窗体上 Label控件 实时刷新 显示当前时间

问题描述 我用了while(true){label.Text=DateTime.Now.Second.ToString();} 可是程序就停止响应请问高手怎么办才好 解决方案 解决方案二:怎么能让他不停地更新而且我还能进行其他操作,如果叫我就timer就不用了解决方案三:while (true)            {                label.Text = DateTime.Now.Second.ToString();Application.DoEvents();System

基于d3.js实现实时刷新的折线图_javascript类库

先来看看效果图 下面直接上源代码,html文件 <html> <head> <meta charset="utf-8"> <title>实时刷新折线图</title> <style> .axis path, .axis line{ fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-seri

网页数据的实时刷新

数据|刷新|网页 网页数据的实时刷新 本来是打算在WEB页面上实现这样的功能:例如网页上有多个按钮,按钮1,按钮2,按钮3等 按钮1的响应比较耗时,如何能够做到点击了按钮1之后,不用等待其响应,就可以再点击其 他按钮,而按钮1响应结束之后会把结果刷出来? 仔细一想,这是不可能的!这种要求对winform的程序而言非常简单,对web就难了. 不等待按钮1的响应返回,只能是异步实现,开启线程或者BeginInvoke. 但是页面的刷新已经完毕,异步事件执行完之后如何再刷新页面? 常见的页面操作都是拉

交互-如何实现页面实时刷新?

问题描述 如何实现页面实时刷新? 页面带有输入功能,希望输入数据或者更新数据时,相关联的区域实时刷新.实现页面联动的效果.或者是其它因素导致数据变化后,页面会自动刷新,更新页面情况.想问下这种效果可以怎么实现,不想写太多的jsp和数据库交互,是否有现成的工具可以直接用?如何实现页面实时刷新? 解决方案 这个你可以参考学习下Angular JS,这里面最基础的就应该是页面联动. 解决方案二: Angular JS, 双向绑定. 解决方案三: 那就用ajax,最简单不动脑子的办法, 服务器还是你原来

想将内存里的大量数据实时刷新在对话框上,用什么控件实现比较合适

问题描述 想将内存里的大量数据实时刷新在对话框上,用什么控件实现比较合适 想将内存里的大量数据实时刷新在对话框上,用什么控件实现比较合适CListCtrl,CListBox,还是CEdit 解决方案 CListCtrl,CListCtrl支持虚拟模式,也就是你不用把所有数据一次性加载到CListCtrl里,它可以只加载显示的部分,并且在用户拖动滚动条的时候才加载对应的部分. http://blog.csdn.net/love3s/article/details/8120975http://blo