Home forums Using CanvasJS column chart

This topic contains 10 replies, has 3 voices, and was last updated by  dbertanjoli 8 hours, 30 minutes ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #20354

    dbertanjoli
    Member

    Hello, I want to show my data (from datapoint) as axisY as well. Please let me know how is it done?
    Many thanks,
    Debbie

    #20357

    Vishwas R
    Keymaster

    Debbie,

    Can you please share a pictorial representation or jsfiddle with your requirements so that we can understand it better and help you out?


    Vishwas R
    Team CanvasJS

    #20361

    dbertanjoli
    Member

    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?
    many thanks,
    Debbie

    #20362

    Vishwas R
    Keymaster

    Debbie,

    You can use indexLabels to show y-values as shown in the link shared. Please take a look at this jsfiddle.


    Vishwas R
    Team CanvasJS

    #20368

    dbertanjoli
    Member

    Thank you Vishwas, but why does it show everysecond label?
    Deb

    #20371

    Vishwas R
    Keymaster

    Debbie,

    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.


    Vishwas R
    Team CanvasJS

    #20380

    dbertanjoli
    Member

    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)?
    Deb

    #20386

    Indranil Deo
    Member

    Debbie,

    You can use animation property to set animation while rendering the Chart(same can be done for multiple charts). Please take a look at this jsfiddle.

    ___________
    Indranil Deo,
    Team CanvasJS

    #20388

    dbertanjoli
    Member

    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?
    Many thanks,
    Deb

    #20391

    Indranil Deo
    Member

    Debbie,

    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.

    ___________
    Indranil Deo,
    Team CanvasJS

    #20401

    dbertanjoli
    Member

    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…

    Deb

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.