2015-02-23 21 views
10

Có thể bất kỳ ai đề xuất cho tôi cách thêm tiêu đề vào biểu đồ dạng đường và biểu đồ thanh C3.js không? Tôi đã có mẫu sau nhưng nó là cho biểu đồ đo. Đối với bất kỳ biểu đồ c3 nào có tùy chọn để đặt tiêu đề biểu đồ?Làm cách nào để thêm tiêu đề vào biểu đồ c3.js

donut: { 
    title: 'Title' 
} 

Trả lời

6

Bạn cần phải quay lại sử dụng D3 để thêm tiêu đề biểu đồ. Một cái gì đó như:

d3.select("svg").append("text") 
    .attr("x", 100) 
    .attr("y", 50) 
    .style("text-anchor", "middle") 
    .text("Your chart title goes here"); 
2

cũng không thể tìm thấy cách nào và kết thúc viết tiêu đề làm đơn vị và chỉnh sửa nhãn.

gauge: { 
     label: { 
      format: function(value, ratio) { 
       return "%"+value; 
      }, 
      show: true // to turn off the min/max labels. 
     }, 
    min: 0, 
    max: 100, 
    units: "Overall Profit" 
// width: 39 // for adjusting arc thickness 
    }, 
1

Tôi đang sử dụng mã này cho biểu đồ của mình.

Code:

var chart = c3.generate({ 
     data: { 
      columns: [ 
       ['Monday', 70], 
       ['TuesDay', 20], 
       ['Wednesday', 30], 
       ['Thursday', 50], 
       ['Friday', 100] 
      ], 
      type: 'donut' 
     }, 
     donut: { 
      title: "usage " 
     } 
    }); 

Kết quả:

Result of my code

28

Đây là một kết quả google hàng đầu, vì vậy tôi nghĩ rằng tôi muốn thêm rằng điều này bây giờ là một phần của thư viện:

title: { 
    text: 'My Title' 
} 

Thông tin khác @https://github.com/masayuki0812/c3/pull/1025

+0

Lưu ý: yêu cầu phiên bản 0.4.11 –

+0

Làm việc hoàn hảo –

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