Home forums Feature Requests & Feedback Semi Doughnut Chart

This topic contains 13 replies, has 4 voices, and was last updated by  Vishwas R 3 years, 1 month ago.

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

    How can I create semi doughnut chart in Canvasjs?

    #12323

    Any lead?

    #12324

    Mahi,

    Please check this jsfiddle.

    #12326

    Thanks Vishwas :)

    #12332

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

    #12334

    Any lead to remove the extra white space?

    #12426

    Is it possible to remove extra white space from bottom?

    #12465

    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

    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

    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

    mahi,

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


    Sunil Urs

    #12516

    Thanks Sunil :)

    #12582

    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

    @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.