Home forums Using CanvasJS guide line

This topic contains 12 replies, has 4 voices, and was last updated by  nisha 3 months ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #4650

    Hi,
    Is there a way using CanvasJS to draw a guide line on any graph ? Something like a median, on a stackedBar type, for example.

    Regards,

    #4651

    Hi,

    As of now there is no separate element for doing that. But you can use Combination Charts to do the same. Just add a line chart and disable markers by setting markerSize to 0.

    #4652

    Many thanks. I was looking to that solution, but I said to ask, maybe there is a simpler solution.

    Regards,

    #4653

    Yep… this combination does not work for me.
    For stackedBar and line… I get this message in the console:
    You cannot combine “line” with bar chart

    #4659

    Yes, bar charts cannot be combined with other chart types. You can use stackedColumn if that works for you. Trendlines have been planned for version 1.3. If you can post some picture depicting what you are looking for, that would be helpful.

    #4660

    This is the graph I need:
    http://s8.postimg.org/uluylkr7p/median.jpg (just an example).
    I think it’s very useful for any graph, because you can clearly see where everything stands.

    This is no rush for me, I can wait a future release. I really like your library, because is so simple and smooth to use. I’ve tried before a few, but were not so easy to use, or were buggy.

    #4661

    Am Glad that you liked CanvasJS. I was planning for something similar… It’ll be available in v1.3 – around a month.

    #23735

    How to make Trendline chart (Straight Line) in CanvasJS?

    #23746

    @nisha,

    You can add another dataSeries of line type with just 2 dataPoints to show trend. Please take a look at this JSFiddle.


    Vishwas R
    Team CanvasJS

    #23758

    yValue += Math.round(Math.random() * 10 – 5);

    What is 10 and 5 here. On what basis we take 10 and 5. Are they constant values? in any chart we are going to take 10 , 5 or it depends on X and Y value. Please explain this also.

    #23772

    @nisha,

    In the JSFiddle that has been shared, y-values are randomly generated using JavaScript random method. With the help of random method, you can generate a random number between two numbers (lets say you need a number between 0 and 100). You can replace dataPoints in this example with your actual dataPoints and it should work fine.


    Vishwas R
    Team CanvasJS

    #23776

    Thank you for your prompt response and proper explanation.

    I need Trend Line chart by this calculation. Please check link below

    based on this link i want to create chart. Number will be random sometimes will get 4 nos sometime will get 5 no. based on date parameter in query.

    https://classroom.synonym.com/calculate-trendline-2709.html

    how do I create Trend line chart by using above formula. Please help me. I wil take data from Database.

    Regards

    #23777

    Thank you for your prompt response and proper explanation.

    I need Trend Line chart by this calculation. Please check link below

    based on this link i want to create chart. Number will be random sometimes will get 4 no of rows for data sometime will get 5 nos of rows of data based on date parameter in query.

    https://classroom.synonym.com/calculate-trendline-2709.html

    how do I create Trend line chart by using above formula. Please help me. I wil take data from Database.

    Regards

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

You must be logged in to reply to this topic.