Hi Andrew, The problem is that we need to show our customers last one month data. So its important to show all the dots. I have implemented a range slider for both date and buffer values. But they also slide very slowly. Will a better server/ workstation increase the performance? Please suggest.
On Sat, Jul 12, 2014 at 8:41 PM, Andrew Gallant <[email protected]> wrote: > With 14000 data points, the chart would probably draw quite slow. I think > the only way you can increase draw speed is to reduce the number of points > drawn at one time. Try setting default values for the min and max on your > filter. > > > On Saturday, July 12, 2014 1:19:38 AM UTC-4, Nagendra Singh wrote: > >> Aproxx 14000 points for 1 month data. >> ------------------------------ >> From: Andrew Gallant >> Sent: 12-07-2014 AM 10:38 >> To: [email protected] >> >> Subject: Re: [visualization-api] Re: Column chart - Bar color >> >> If the problem is with the chart drawing, then no, minifying your scripts >> will not help. Approximately how many data points are in your chart? >> >> On Friday, July 11, 2014 10:53:32 PM UTC-4, Nagendra Singh wrote: >> >> Hi, >> I think drawing the chart is what taking time. Because when the page >> loads, the indicators and the sliders are generated quickly, but the >> scatter chart displays after 10-12 secs. >> What I was thinking, is there a way to minify my self written js pages. >> Will this help? >> >> >> On Fri, Jul 11, 2014 at 7:12 PM, Andrew Gallant <[email protected]> >> wrote: >> >> How much data is one month's worth? Thousands of records, millions of >> records? >> >> You could have any of three main sources of performance problems: 1) your >> server could be slow in querying your data, 2) sending data from server to >> client could be slow, and/or 3) drawing the charts could be slow. Profile >> the performance of different aspects of your page to determine where the >> source of slowness is, and then you can begin looking for ways to address >> it. >> >> >> On Friday, July 11, 2014 1:48:08 AM UTC-4, Nagendra Singh wrote: >> >> Hi Andrew, >> >> Every thing is working fine. But i need an advice. I have just added only >> one month log files. The first page is displaying very damn slowly. I will >> share the code below. There are three indicators, and the indicator which >> is red will show the graph below. And the rest will be shown onclick next >> page. >> >> Please suggest me, what should I do in order to keep the performance >> high. Because in future when the project will be up and running, there will >> be years of log files which the site has to collect and display it. Please >> help!!!!!!! >> >> Here is the code for my page: >> >> >> *<%@taglib uri="http://www.springframework.org/tags >> <http://www.springframework.org/tags>" prefix="spring"%>* >> *<%@taglib uri="http://www.springframework.org/tags/form >> <http://www.springframework.org/tags/form>" prefix="sf"%>* >> *<%@taglib uri="http://java.sun.com/jsp/jstl/core >> <http://java.sun.com/jsp/jstl/core>" prefix="c"%>* >> *<%@ page session="false" %>* >> *<%@page import="com.minestar.spring.utils.PropertiesReader" %>* >> *<%* >> *PropertiesReader propertiesReader = new PropertiesReader();* >> *propertiesReader.load("siteIndicator.properties");* >> *int bufferCountHigh >> =Integer.parseInt(propertiesReader.getPropertyValue("buffer.high"));* >> *double cpuHigh >> =Double.parseDouble(propertiesReader.getPropertyValue("cpu.high"));* >> *double memoryHigh >> =Double.parseDouble(propertiesReader.getPropertyValue("memory.high"));* >> >> *int bufferCountSite = Integer.parseInt(request.getParameter("buffer1"));* >> *double cpuHighSite=Double.parseDouble(request.getParameter("cpu1"));* >> *double >> cpuMemorySite=Double.parseDouble(request.getParameter("memory1"));* >> >> *boolean b= bufferCountSite>bufferCountHigh;* >> *boolean c= cpuHighSite>cpuHigh;* >> *boolean m= cpuMemorySite>memoryHigh;* >> >> *boolean b1= bufferCountSite<bufferCountHigh;* >> *boolean c1= cpuHighSite<cpuHigh;* >> *boolean m1= cpuMemorySite<memoryHigh;* >> >> */* out.println(b);* >> *out.println(c);* >> *out.println(m);* >> *out.println("-------");* >> *out.println(b1);* >> *out.println(c1);* >> *out.println(m1); */* >> *%>* >> *<html>* >> >> *<head>* >> * <title>Scatter Graph</title>* >> * <link rel="stylesheet" type="text/css" media="all" href="<c:url >> value="/resources/css/styles/li-scroller.css" />">* >> * <link rel="stylesheet" type="text/css" media="all" href="<c:url >> value="/resources/css/styles/button.css" />">* >> * <link rel="stylesheet" type="text/css" media="all" href="<c:url >> value="/resources/css/styles/scatterFilter.css" />">* >> * <%-- <link rel="stylesheet" type="text/css" media="all" href="<c:url >> value="/resources/css/styles/buttons.css" />"> --%>* >> * <link rel="stylesheet" >> href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css >> <http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css>">* >> * <script type="text/javascript" src="https://www.google.com/jsapi >> <https://www.google.com/jsapi>"></script>* >> * <script >> src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js >> <http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js>"></script>* >> >> * <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js >> <http://code.jquery.com/ui/1.11.0/jquery-ui.js>"></script>* >> * <script src="<c:url value="/resources/js/jquery.li-scroller.1.0.js" >> />" type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/googleScatterChart1.js" />" >> type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/googleScatterChart2.js" />" >> type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/googleScatterChart3.js" />" >> type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/googleColumnChart.js" />" >> type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/buttons1.js" />" >> type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/buttons2.js" />" >> type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/buttons3.js" />" >> type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/jsDraw2D.js" />" >> type="text/javascript"></script>* >> * <script src="<c:url value="/resources/js/newWindow.js" />" >> type="text/javascript"></script>* >> * <script type="text/javascript">* >> * $(function(){* >> * $("ul#ticker01").liScroll();* >> * });* >> * </script>* >> >> * <script type="text/javascript">* >> * $(function(){* >> * $('#canvas1').mouseover(function(){* >> * $('#canvas1').css("background-color","lightgray");* >> * });* >> * $('#canvas1').mouseout(function(){* >> * $('#canvas1').css("background-color","white");* >> * });* >> * });* >> * </script>* >> * <script type="text/javascript">* >> * $(function(){* >> * $('#canvas2').mouseover(function(){* >> * $('#canvas2').css("background-color","lightgray");* >> * });* >> * $('#canvas2').mouseout(function(){* >> * $('#canvas2').css("background-color","white");* >> * });* >> * });* >> * </script>* >> * <script type="text/javascript">* >> * $(function(){* >> * $('#canvas3').mouseover(function(){* >> * $('#canvas3').css("background-color","lightgray");* >> * });* >> * $('#canvas3').mouseout(function(){* >> * $('#canvas3').css("background-color","white");* >> * });* >> * });* >> * </script>* >> >> *</head>* >> *<body>* >> *<p style="text-align:center;"><span >> style="font-family:Times;font-size:22px;font-style:normal;font-weight:bold;text-transform:uppercase;color:FFFFFF;background-color:000000;">indicators >> for : ${siteCode}</span>* >> *</p>* >> >> *<!-- <div id="ColumnChart" style="width: 1000px; height: 450px;" >> align="center"><h3>Column Chart for all Parameters</h3></div> -->* >> *<!-- <div style="width: 500px; height: 400px;"> -->* >> *<div class="button_con" style="width: 300px; height: 400px; text-align: >> center;">* >> *<div id="canvas1" title="Buffer Indicator">Buffer Count : >> ${buffer1}</div>* >> *<div id="canvas2" title="CPU Indicator">Cpu Usage : ${cpu1}%</div>* >> *<div id="canvas3" title="Memory Indicator">Memory Usage: >> ${memory1}%</div>* >> *</div>* >> >> *<c:if test= "<%=b1 %>">* >> *<script>* >> *$(function() {* >> * $( '#canvas1' ).tooltip({* >> * content: "Click Indicator to see Scatter Plot",* >> * position: { my: "left+140 center", at: "right center" }* >> *&nbs* >> >> ... > > -- > You received this message because you are subscribed to a topic in the > Google Groups "Google Visualization API" group. > To unsubscribe from this topic, visit > https://groups.google.com/d/topic/google-visualization-api/UMGeagSZ8eo/unsubscribe > . > To unsubscribe from this group and all its topics, send an email to > [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
