CODEWITHSUNDEEP
javascripthighchartsmargin
devmonster
devmonster

Reputation: 1739

set highchart margin

I have built some highcharts charts and I am displaying them one at a time on mouseover. The jquery creates a floating div (depending on the cursor) with a border line 

1px solid black

and then the highchart method is being called to draw the chart.

The thing is that highcharts exceed the boundary and left and bottom border is not shown.

I tried 'margin' :

chart:
    {
      renderTo: 'graph',
      defaultSeriesType: 'line',
      zoomType: 'x',
      margin: [ 10, 10, 10, 10]
    },

and still it does the same thing.

Upvotes: 0

Views: 8043

Answers (1)

Linger
Linger

Reputation: 15068

You would need to set the margins to at least 70 in order for the highchart to display decently. Also, if you are using and you know the size of the div you may want to specify the height and width of the chart as well. I would make it slightly smaller than the div. Here is an example.

Upvotes: 2

Related Questions