Biểu đồ đường kẻ mịn của API Google Biểu đồ

Question

Có ai biết cách tạo biểu đồ dạng đường với đường trơn tru thay vì dòng bị răng cưa không?

Tôi nghĩ biểu đồ của mình sẽ hiển thị tốt hơn cho người dùng cuối với một đường trơn tru.

Dưới đây là một URL ví dụ:

http://chart.apis.google.com/chart?chxr=0,0,46&chxt=y&chs=300x225&cht=lc&chco=3D7930&chd=s:MNPRSYVUSSMNQRVfXXSPPM&chg=14.3,-1,1,1&chls=2,4,0&chm=B,C5D4B5BB,0,0,0

Answer 1

tôi chỉ đơn giản sử dụng

var options = {smoothLine: true,} 

    var chart = new google.visualization.LineChart(document.getElementById('some_id')); 
    chart.draw(data, options); 

Disclaimer: nếu bạn có góc rất sắc nét làm tròn/làm mịn có thể gây hiểu lầm (cho ex nếu đường cong của bạn. đi nhanh đến f (x) = 0 nó có thể trở thành tiêu cực để phù hợp với góc

Answer 2

Nếu bạn đang sử dụng biểu đồ đường, bạn luôn có thể sử dụng curveType: 'function' trong các tùy chọn chuỗi video của bạn và điều đó sẽ làm cho chuỗi video trở nên mượt mà.

Answer 3

Từ Google Chart API docs:

Bạn có thể mịn dòng bằng cách thiết lập curveType tùy chọn để chức năng

Trong mã:

var options = { 
     title: 'Company Performance', 
     curveType: 'function', 
     legend: { position: 'bottom' } 
    };