Home › forums › Feature Requests & Feedback › Semi Doughnut Chart
Tagged: Semi Doughnut Chart
This topic contains 13 replies, has 4 voices, and was last updated by Vishwas R 7 months, 1 week ago.
How can I create semi doughnut chart in Canvasjs?
Please check this jsfiddle.
Thanks Vishwas 🙂
Vishwas, is it possible to remove extra white space from bottom?
Any lead to remove the extra white space?
Is it possible to remove extra white space from bottom?
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.
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.
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.
You can do so by setting highlightEnabled to false for those dataPoints. Here is an updated example.
Thanks Sunil 🙂
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.
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.
You must be logged in to reply to this topic.
ASP.NET MVC Charts
ContactSales EnquiriesSupport ForumTwitter Support Handle