Home forums Feature Requests & Feedback Semi Doughnut Chart

This topic contains 13 replies, has 4 voices, and was last updated by  Vishwas R 2 months, 2 weeks ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #12322

    mahi2000
    Member

    How can I create semi doughnut chart in Canvasjs?

    #12323

    mahi2000
    Member

    Any lead?

    #12324

    Vishwas R
    Keymaster

    Mahi,

    Please check this jsfiddle.

    #12326

    mahi2000
    Member

    Thanks Vishwas 🙂

    #12332

    mahi2000
    Member

    Vishwas, is it possible to remove extra white space from bottom?

    #12334

    mahi2000
    Member

    Any lead to remove the extra white space?

    #12426

    mahi2000
    Member

    Is it possible to remove extra white space from bottom?

    #12465

    Vishwas R
    Keymaster

    Mahi,

    Sorry, its not possible to clip the chart. But the only work-around would be to place another div or element on top of chart by setting negative-margin to the next div. Check this example.

    #12473

    mahi2000
    Member

    Ohk.. thanks, I implemented by using overflow:hidden.

    Also can we remove the hover effect from semi doughnut hidden area? Currently in your example white background is used and this is why hover effect is not visible.

    #12481

    mahi2000
    Member

    Is it possible to remove hover effect from semi doughnut hidden area? Currently in your example white background is used and this is why hover effect is not visible. For example, canvas has gray background.

    #12495

    Sunil Urs
    Keymaster

    mahi,

    You can do so by setting highlightEnabled to false for those dataPoints. Here is an updated example.


    Sunil Urs

    #12516

    mahi2000
    Member

    Thanks Sunil 🙂

    #12582

    cute_cj
    Member

    Is it possible to get the data from database or thru user input? Whatever the user will input on the value of x and y it will appear on the chart.

    #12584

    Vishwas R
    Keymaster

    @cute_cj,

    Please refer this page for adding data-points from user-input.

    For samples on data from database, please download and try the samples based on the technology you are using.

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

You must be logged in to reply to this topic.