Currently am able to render bar chart using kendo angular bar chart component.
I need to increase the width of the bar dynamically, how can i achieve this functionality. Please guide me on this.
Just change the container width and call resize:
$("#chart").width(100);
$("#chart").data("kendoChart").resize();
Demo
Related
How to Set the width of bar chart in telerik chart using xamarin.forms that should overwrite the default width of the bar chart.
Please look at below link for your solution.
http://www.telerik.com/forums/how-to-set-the-width-of-a-barseries
I want to make Gridster grid responsive according to grid resize as well as window resize. Currently I am using DC.js to render charts inside the gridster grid, but if the screen resolution changes from bigger to smaller , the value of the item stored previously for the width for svg remain too big for the screen.
Any tips how to make it responsive. How to set the width of gridster item , it looks to me it injected through java-script.
I found out the answer. Angular Gridster have a event "gridster-resized" , whenever this event happens try to resize the items in the gridster.
Is there way to position tooltip in kendo chart apart from modifying CSS for class k-chart-tooltip?
I want the tooltip to be positioned at the top using the kendo chart attributes.
Here is the image on how it should look:
Image
If you change the .k-chart-tooltip style, then it will be applied to all tooltips used in the application.
Applying tooltip style only on chart control could be possible, if we can bring the kendo chart tooltip inside the chart control instead of tag (latest kendo version feature).
Then we can easily apply the tooltip CSS style only on kendochart.
I do not have any idea how could we bring kendo tooltip inside chart control.
I'm trying to get a height of each bar in the Bar Graph for jQplot. So that I can change the color of x-axis label based on that height.
Can anyone help how to get the height dynamically?
I think the best way to do it is to base your color choice on the value of each bar. This way you don't have to browse your plot in order to find the height of each bar as you can only browse your data.
I have a pie chart which is being generated from a json string. The pie is getting created correctly but what is happening is the tooltip is getting cutoff when the text to be displayed in the tooltip is large. I have tried increasing the width and height of the svg area. But the charts are generated dynamically so i have no way of setting the chart widht and height dynamically depending on the content.
One can adjust the margins margin:[0,100,0,100], to shrink the pie chart so that the tooltips/labels will appear. This has been set to automatically scale the chart in Highcharts 3.0.
http://www.highcharts.com/component/content/article/2-news/53-highcharts-3-0-beta-released
http://github.highcharts.com/v3.0Beta/highcharts.js
http://jsfiddle.net/Zvrt6/1/
Increase Height and width of your chart div or put your code in jsfiddle if possible, so that we can get more idea
This example could be relevant to your situation- http://jsfiddle.net/4ac8b/1/. When you re-size the result pane you will notice the chart size changes accordingly.
You will need to set the size of your container so that the chart is drawn in that area itself. http://jsfiddle.net/4ac8b/. Even when you re-size the result pane the chart size wont change.
Change the diameter of your pie chart to allow additional information
http://www.highcharts.com/ref/#plotOptions-pie--size