Hi Kun, 5.6M data values is a lot to render, and even if you give each data value a single pixel, it will be difficult to do a fair job representing all of it. So I would suggest you might want to sample or summarize your data before sending it out from the server. Then, if more detail is desired, allow the user to select a range to drill down into, fetch more data for the smaller range, and repeat.
However, you might be seeing delays in merely sending all the data to the browser. But ignoring that, there are still several places within the code that will synchronously loop through all that data before giving control to the next process (via the allowAsync option). Allowing more asynchrony in the code will require a substantial refactoring that we are not likely to get to soon. I hope this helps you find a way to visualize your data efficiently and effectively. On Thu, Apr 11, 2019 at 3:08 AM Kun Li <[email protected]> wrote: > Hi experts, > > I am struggling with a bars chart's screen freezing issue. > I have 5.6M data to render. And I put on my Options like below, > let options = { > seriesType: "bars", > fontSize: 10, > lineWidth: 3, > allowAsync: true, > animation: > { > startup: true > }, > bar: > { > groupWidth: "100%" > }, > hAxis: { > title: "", > baselineColor: "white", > slantedText: true, > slantedTextAngle: 90, > viewWindow: > { > min: 0 > } > } > }; > > And then I call, the draw() method would lock whole screen for 6-7 seconds > while I could not do anything but freeze there. > > this.wrapper.setOptions(options); > > this.wrapper.draw(); > > this.wrapper is the object of google.visualization.ChartWrapper. Does > anyone know how to cope with this?? Thanks so much in advance. > > > -- > 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 > https://groups.google.com/group/google-visualization-api. > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-visualization-api/3da19891-2ee6-4d69-8e45-7cfd53e0de7d%40googlegroups.com > <https://groups.google.com/d/msgid/google-visualization-api/3da19891-2ee6-4d69-8e45-7cfd53e0de7d%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> [email protected] <[email protected]> Cambridge MA -- 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 https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJMip7XrQO1u2%3Du1miThQTadYop6XSnrNog4NAtMchcP-w%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
