Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to increase the height of highchart?

I am using HighCharts for displaying some statistical data but i have a problem that when values of x axis increases, it cuts down the values. I am attaching screenshot.

enter image description here

like image 526
Shahrukh A. Avatar asked Dec 13 '11 10:12

Shahrukh A.


2 Answers

You should add marginBottom:

chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column',
                marginRight: 130,
                marginBottom: 70 /* HERE */
            },
            title: {
                text: '@Model.Title',
                x: -20 
            }
like image 109
July Avatar answered Oct 30 '22 11:10

July


There's an API method to set the size of the chart, found on the chart object and called setSize. chart.setSize(width, height) see this example on jsfiddle and the reference.

like image 32
eolsson Avatar answered Oct 30 '22 13:10

eolsson