Highcharts:在单页高性能,满足多个图表

我有一个单页多highcharts最低10图表在单页类似部件最多25个图表

我用来调用数据,使用Ajax功能从服务器highcharts和我打电话从MySQL数据库中的数据

没有关于图表,但是当我加载超过5走势图在单页上,highcharts的表现越来越很低,图表被载入速度很慢,我尝试了一些方法唯一的加载任何问题的建议在Highcharts网站像

延迟加载 - http://www.highcharts.com/stock/demo/lazy-loading数据分组 - http://www.highcharts.com/stock/demo/data-grouping

但是,没有这种技术的帮助我,还是我的表现很慢,我该怎么用来调用图表我的编码的例子

我具有多个下拉菜单中,当每次下拉值被改变的图表将根据下拉值更新

我曾经打电话给使用Ajax功能,如本图

$.ajax({ type: "GET", url: "SampleAJAX.aspx", data: "type=CHART1&data="+data1, success: Chart1Success, error: IsError }); $.ajax({ type: "GET", url: "SampleAJAX.aspx", data: "type=CHART2&data="+data2, success: Chart2Success, error: IsError }); ....etc..etc... like wise n number of Ajax functions will be called

这阿贾克斯的功能后,我用于调用成功功能排行榜

function Chart1Success(){ $('#Chart1').highcharts({ chart: { type: 'pie', style: { fontFamily: "Roboto", }, events: { load: function () { var msg = "Chart1"; AfterUpdate(msg); }, }, } ................. }); } function Chart2Success(){ $('#Chart1').highcharts({ chart: { type: 'column', style: { fontFamily: "Roboto", }, events: { load: function () { var msg = "Chart2"; AfterUpdate(msg); }, }, } ................. }); } ......etc..etc.... n number of Highcharts continues

对不起,我的数据是有点不保密张贴小提琴和它正给我太多的时间在捣鼓样本数据整合同样的事情,如果还需要我会尽我的水平最好张贴

分类:jQuery的 时间:2012-01-01 人气:0
分享到:

相关文章

  • 需要jQuery的图表和图形的投票结果的建议 2012-10-12

    我在做一个投票应用程序,我试图寻找最佳的jQuery图表/图形,我可以用我的应用程序来显示投票结果. 我打开您的建议,如果可能,请说明利弊,但没有必要的. 谢谢! :) --------------解决方案------------- 你试过/测试"jqplot". 看来,这将是您需要的正确的jQuery插件. 有在jQuery的图形severals插件. 最近我用Highcharts一个网站,发现它非常有用,好用,和美化包. 这其中有很多的图表类型,并在不断的更新(最近他们把它的ipa

  • 出口Jquery的图表,CSV,PDF和Excel 2014-10-09

    是否有Jquery的图表扩展提供图表练成/ PDF / CSV? --------------解决方案------------- Highcharts确实有一个导出选项 . 随着出口的选项,您可以保存下列格式之一图表:PNG图像,JPEG图像,PDF文档或SVG矢量图像. 随着一些额外的代码和工作,你也可以将它保存到服务器,然后一个更复杂的文档中使用它. 谷歌似乎这样认为: http://teethgrinder.co.uk/open-flash-chart-2/save-image-js.ph

  • AJAX:显示图表数据作为IMG 2014-12-17

    我想用AJAX来显示(图)图像. 我不知道什么是错的,但我发现下面的"错误"和不正确的形象:"| xttI {飨BBBN:}̛7oРA7n0l߾} QQQIIIeee aLHHضmwmvU&#咗 Art]]] { #"" ' v| ҥKqqq ح ~;11 ȑ# ޺u ںm6O 7o . ի ?~Ȑ! ~ ۷ O 0A. cv TäR) ˗{N <&0 ҷo @ NХ<0 j 0 = ] t ۷ j T*5 \ ۳g F gfm

  • 发布到Facebook墙/饲料使用AJAX / jQuery的 2012-01-05

    拉我的头发在这一个. 我正在写一个Facebook连接的Web应用程序,这将最终发布一些任意信息的朋友说,在整个过程中选择的墙壁. 我在现在已进入最后阶段,并希望张贴到墙上将是简单的,但我已经花了很多时间试图现在摸不着头脑,所以我希望有人能帮助我. 我尝试后用ajax像这样: $.ajax({ type: 'POST', url: "https://graph.facebook.com/bbeckford/feed", data: {message: wallMessage, targ

  • AJAX / JQuery的ID引用到多个表中的行 2012-02-28

    经与分配一个特定的ID从表中选择的项目的不同的名单问题,使用户可以点击从而执行一些Ajax / jQuery的,等该项目 /** this code had been cut, '$row' is required **/ while($row = mysql_fetch_array($sql)){ echo "<tr><td> <a id='event_add' title='Add Event' href='javascript:void(0)'> <

  • AJAX / JQuery的成功:/错误:功能操作 2012-03-23

    遇到一些麻烦AJAX / JQuery的. 这里是我的问题,其次是一个代码示例的背景下: 我所试图做的就是调用名为getInfo.php一个PHP脚本,并检查了一些数据是否包含在数据库内. 我可以编写查询很轻松了,但是在下面我怎么能"告诉"成功函数的代码示例而言,如果它不能找到数据库中的数据,并运行误差函数,而不是失败? $(document).ready(function(){ getInfo(); function getInfo(){ $.ajax({ type: "G

  • jQuery的图表控件ASP.NET 2012-05-25

    我想知道一些很好的jQuery的图表控件,可以与我的ASP.NET应用程序集成. --------------解决方案------------- 6的jQuery插件图表为您的应用程序 海军报 海军报是一个纯粹的Javascript绘图为jQuery库. 它产生于即时客户端任意数据集的图形图. jQuery的迷你图 这个jQuery插件生成使用内联的HTML或通过JavaScript提供的数据迷你(小型内嵌图表)直接在浏览器中. jQuery的谷歌图表1.0 jQuery的图表插件0.1版 jQ

  • 如何显示与AJAX / jQuery的打印? 2012-05-27

    所以我想了解这整个AJAX / jQuery的事情. 现在,当我单独运行这个PHP脚本,我将不得不等待,直到它的循环中完成观看车轮打滑,然后它会加载. while ( $row = mysql_fetch_array($res) ) { postcode_to_storm( $row['Test'] ); $dom = new DOMDocument(); @$dom->loadHTML($result); $xPath = new DOMXPath($dom); $failInvite = '

  • 通过AJAX / jQuery的$。员额重定向未认证用户不同的页面 2012-06-09

    我有一个jQuery POST调用如下所示: $.post('/Controller/_PartialAction', { 'param1': data }, function(result) { }); 这很好,这一切工作,当用户的身份验证Cookie过期除外. 什么情况是,已经有东西在那里,将重定向/Controller/_PartialAction到登录页面,但在这种情况下,部分动作是一个局部视图,而不是我想重定向的完整视图. 所以它已经是重定向到登录页面,但我想重定向一个不同的页面,说我

  • 通过Ajax / jQuery的提交表单 2012-08-04

    我已经建立了通过AJAX(jQuery的)一个简单的登录表单,但提交的值(用户的电子邮件地址进行登录的目的,而不是密码)不会存储. 所以第二次用户试图登录他写使用存储的电子邮件地址了完整的电子邮件地址代替. 这是正常使用Ajax表单提交和(更重要的)有一个AJAX / jQuery的解决方案,从而使浏览器"记住"提交的值? if($(this).attr('href')=="#login") { $.ajax({ type: "POST", ur

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.456 (s). 10 q(s)