2011-12-13 30 views
9

Tôi đang sử dụng HighCharts để hiển thị một số dữ liệu thống kê nhưng tôi có một vấn đề là khi các giá trị của trục x tăng lên, nó cắt giảm các giá trị. Tôi đang đính kèm ảnh chụp màn hình.Làm thế nào để tăng chiều cao của highchart?

enter image description here

+0

bạn có một số mã jsfiddle để chia sẻ? –

Trả lời

1

Something như thế này sẽ làm việc:

 
var height = //get containers original height 

var new_height = height + (data.length * 10); 

$("#highcharts-0").css("{height:"+new_height+"}"); 

12

Có một phương pháp API để thiết lập kích thước của biểu đồ, tìm thấy trên các đối tượng biểu đồ và gọi setSize. chart.setSize(width, height) xem số này example on jsfiddlereference.

+1

Tôi không biết làm thế nào tôi bỏ lỡ phương pháp đó ... cảm ơn vì đã cứu tôi một thời gian. – AlexMA

+0

UPDATED setSize() REFERENCE: http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/members/chart-setsize-button/ –

12

Bạn nên thêm marginBottom:

chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'column', 
       marginRight: 130, 
       marginBottom: 70 /* HERE */ 
      }, 
      title: { 
       text: '@Model.Title', 
       x: -20 
      } 
+0

cách nào để thêm + 20px vào lề? tức là đọc phần lề đã có và thêm 20px – idrinkpabst

Các vấn đề liên quan