`

highcharts,highstock用ajax延迟动态加载数据

 
阅读更多

如果数据量大的时候担心网页加载慢,试了好久找出了延迟加载数据的方法

        chart: {
            renderTo: 'container',
            events:{load:getdata}
        },

......

        series: [{name:'abc',data:[]}],

......

    var chart=this;
    chart.showLoading();
    $.get('getprice.php', function(sdata)
    {
        chart.series[0].setData(sdata);

        chart.hideLoading();
    });

 

不初始化series,然后chart1.addSeries({name:'aa',data:sdata}),也可加载数据,不过这样上下导航栏中的数据确不能加载,而只能加载坐标轴上的数据,用setData无此问题

注意:

series可以有多个,这里动态加载数据附加到第1个series,所以series[0]必须提前定义,data可以为空,也可以填入初始数据

分享到:
评论
1 楼 chumignze 2013-11-24  
楼主能给我发个实例吗,现在急需解决这个问题,谢谢
30710812@qq.com

相关推荐

    Highcharts_Highstock中文API

    Highcharts和Highstock是两个广泛应用于Web应用中的JavaScript库,用于创建交互式图表和数据可视化。Highcharts主要用于标准图表类型,如线图、柱状图和饼图等,而Highstock则专注于股票和时间序列数据的可视化。...

    highcharts highstock

    - **动态更新**:Highstock可以实时动态更新数据,非常适合展示股票、期货等实时市场数据。 3. **jQuery-1.8.3.min.js** - jQuery是一个强大的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。在...

    java实现的highcharts与ajax结合动态实时获取数据更新图表

    本教程将探讨如何在Java后端与前端使用Highcharts和Ajax结合,动态地从服务器获取数据并更新图表。 一、Highcharts的基本概念与使用 Highcharts是基于HTML5 SVG的图表库,支持现代浏览器和IE6+(通过VML)。它提供...

    HighCharts与使用Ajax交互

    HighCharts后台交互数据模板,使用Ajax交互传递数据,显示图示

    highcharts和highstock的资料

    动态加载数据时,可以使用`load`或`addPoint`方法。 4. **配置项**:Highcharts允许通过配置对象来定制图表的各个方面,如标题、图例、数据系列、轴、颜色、工具提示、缩放等。 5. **交互功能**:用户可以设置点击...

    Highcharts&Highstock中文API PDF

    此外,文档还会涵盖高级特性,如加载和保存图表、使用Highcharts Server进行服务器端渲染等。无论你是数据分析师、前端开发者还是UI设计师,掌握Highcharts和Highstock都能极大地提升你的数据可视化能力。

    highcharts&highstock中文API

    Highcharts和Highstock是业界领先的JavaScript图表库,广泛应用于网页和移动设备上的数据可视化。它们提供了丰富的API,使开发者能够创建动态、交互式的图表。本文将深入解读Highcharts与Highstock的中文API,特别是...

    Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子 不包含官方JS 自己下载

    然后,它会使用AJAX(Asynchronous JavaScript and XML)技术向服务器发送异步请求,请求的数据格式为JSON,这是一种轻量级的数据交换格式,非常适合于前后端之间的数据传输。 在AJAX请求中,通常会使用JavaScript...

    Highcharts AJAX JSON JQuery 实现动态数据交互显示图表 柱形图

    Highcharts AJAX JSON JQuery 实现动态数据交互显示图表 柱形图 后台代码大家根据自己的情况写并转JSON格式。在前台修改url,即可出柱形图

    highcharts 与ajax的应用

    接下来,让我们探讨如何在Highcharts中使用Ajax获取数据。Highcharts需要一个数据数组来生成图表,这个数组可以包含一系列数值,每个数值对应图表的一个数据点。在Ajax请求中,我们通常会使用回调函数来处理服务器...

    jquery highcharts动态加载多条数据表走势图代码

    jquery highcharts动态加载多条数据表走势图代码 jquery highcharts动态加载多条数据表走势图代码 jquery highcharts动态加载多条数据表走势图代码

    highcharts、highstock下载功能改成自己的URL,不用连外网也能使用此功能。适用于VS2010、MVC3.0

    Highcharts和Highstock是两种流行的JavaScript图表库,用于在网页上创建交互式的数据可视化图表。它们提供了丰富的图表类型,如折线图、柱状图、饼图等,并且支持多种自定义选项,使得数据呈现更加直观和专业。然而...

    highcharts加载多条曲线数据

    5. **动态加载数据**:如果数据是从服务器获取的,可以通过AJAX请求`emp2.jsp`这样的后端接口来获取数据,然后动态更新配置对象并重新渲染图表。 在`emp2.jsp`这个文件中,可能是用于处理请求并返回JSON格式的数据...

    Highcharts&Highstock中文API PDF文件

    2. **数据加载**:支持静态数据、动态数据流和JSON数据格式。 3. **交互性**:允许用户点击、拖动、缩放、平移图表,以及显示数据点的详细信息。 4. **自定义**:几乎每个元素都可以自定义,包括颜色、样式、标签、...

    在.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图包含网页静态demo

    本项目利用Highcharts库、Ajax异步请求以及Json数据格式,实现了动态的曲线图、柱状图和饼图,为数据报表提供了一种直观且吸引人的呈现方式。 Highcharts是一个强大的JavaScript图表库,它支持多种图表类型,如折线...

    Highcharts_Highstock_Highmaps使用教程.pdf

    2. **Ajax请求**:使用Ajax获取JSON或其他格式的数据,实时更新图表。 3. **处理文本或文本数据文件**:可以从文本文件中读取数据并绘制图表。 【图表类型】 Highcharts支持多种图表类型,如: 1. **直线图**和**...

    highcharts 动态指定 x y数据

    对于大数据集,可以使用Highcharts的`turboThreshold`选项或分段加载数据,以提高性能。另外,使用`boost`模块可进一步提升渲染大量数据的速度。 总之,Highcharts提供了灵活的方式来动态指定和更新X、Y轴数据,...

    highcharts快速生成百万数据点折线图.rar

    Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它能够帮助开发者轻松创建各种动态、交互式的图表,包括折线图、柱状图、饼图等多种类型。在处理大数据量时,Highcharts提供了高效的优化策略,使得即使...

Global site tag (gtag.js) - Google Analytics