2013-07-17 77 views
11

Tôi đang xem xét sử dụng HighCharts cho một trang web, cụ thể:Highcharts Thay đổi kích thước phông chữ

http://www.highcharts.com/demo/column-basic/dark-green

Tuy nhiên, cỡ chữ quá nhỏ. Tôi đã thử thêm:

legend: { 
     itemStyle: { 
      color: '#000000', 
      fontWeight: 'bold', 
      fontSize: '15px' 
     } 

vào tệp js của tôi mà trang web cung cấp nhưng điều này không dẫn đến thay đổi kích thước phông chữ. Ngoài ra tôi cũng muốn tăng kích thước của khóa (nơi nó nói Tokyo, New York, London, Berlin). Đây là lần đầu tiên tôi sử dụng Highcharts và tôi đã nghiên cứu vài giờ và tôi dường như không thể tìm ra câu trả lời. Bất kì sự trợ giúp nào đều được đánh giá cao!

Trả lời

30

Đối với kích thước phông chữ chú giải, mã của bạn hoạt động hoàn hảo. Đây là working demo.

và cho trục X và trục Y, đặt kích thước phông chữ trong (x-Axis/y-Axis) -> labels-> đối tượng phong cách: Dưới đây là các mẫu:

xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
      labels: { 
       style: { 
        color: 'red', 
        fontSize:'15px' 
       } 
      } 
     }, 

Demo: http://jsfiddle.net/4VznG/

+0

Đó là kỳ lạ, nó không được làm việc trong mã của tôi. Tôi sẽ quay lại và thử lại lần nữa, cảm ơn sự giúp đỡ của bạn! –

+0

@Nishu Tayal, Trong trọng lượng phông chữ bản demo của bạn không hoạt động – Super

0

Tôi đang gặp phải vấn đề về cài đặt phông chữSize các nhãn x-Axis của tôi. Đặt nó sử dụng phông chữ trong các nhãn đã làm việc cho tôi:

xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
     labels: { 
      style: { 
       color: 'red', 
       font: '13px Arial, sans-serif' 
      } 
     } 
    }, 
0
xAxis: { 
     categories: ['Climate Change', 'Marketing', 'Development', 'Customer Support', 
       'Information Technology', 'Administration'], 
     tickmarkPlacement: 'on', 
     lineWidth: 0, 
     labels: { 

      style: { 
       fontSize: '14px', 
       fontFamily: 'Verdana, sans-serif', 

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