Hi Vishwas, this is my annual report from last year http://file.pathology.ubc.ca/PathologyAtAGlance2017.html. Set the first chart faculty by rank, I want to be able to place data inside the column (data needs to be visible not only through tooltip). what do you think?
Labels will be rendered at every interval, which is auto-calculated based on width of the chart and the range of x-values. You can set interval to 1, to show labels at every dataPoint in this case. Please take a look at this updated jsfiddle.
Thank you very much, I just have one more last question. My annual report will have several charts and I was wondering how to trigger animation of each when they come into the screen (when they come into view)?
Hi Indranil, I think you misunderstood me, animation should be happening while the chart is in view. In this jsfiddle, when I scroll to the second line these two charts are already done with animation? What I would like to see when a chart comes into the view animation starts and if possible can be repeated whenever they are in view. What do you think?
Rendering the chart when you scroll down to the next view should work fine in your case. If it doesn’t suit your requirement can you please create a sample project with your sample code and share it over (google drive / one drive) so that we can understand your requirement better and help you out.
Hi Indranil, please see this test page: http://file.pathology.ubc.ca/test/examples/01-overview/Test.html . All charts are animated but when you scroll to the bottom of the page you see only static charts as animation was triggered on page load (I guess). It should be triggered when they come in view. Can this be done? Also, I noticed animation is not working properly in IE but it is not important for my users…