2009-12-14 29 views
5

Tôi có thể chèn chú thích trên các tập dữ liệu cụ thể trên biểu đồ nhưng tôi muốn có nhiều dòng trên biểu đồ mà không liên kết chú thích với một dòng cụ thể, nhưng thay vào đó là một ngày.Sử dụng dòng thời gian được chú thích của Google trong API hình ảnh hóa, bạn có thể chèn chú thích bất kể tập dữ liệu không?

Đây là số example về những gì tôi muốn làm. Lưu ý rằng các bong bóng được nối vào trục x chứ không phải một dòng cụ thể trên biểu đồ.

Tôi đã đọc qua API và không thể thấy tùy chọn như thế này nhưng tự hỏi có ai đó biết cách nào không.

Cảm ơn.

+0

Rõ ràng không có cách nào tốt để làm điều này như bây giờ. – offex

+0

Bạn có tìm thấy giải pháp cho vấn đề này không? Đây là bức tường tương tự mà tôi va vào. – n0rm1e

+0

Tôi thì không. Mặc dù, nó đã được một thời gian kể từ khi tôi đã kiểm tra API của họ, có lẽ họ đã thêm một cái gì đó kể từ đó. – offex

Trả lời

0

Không có kinh nghiệm, nhưng phản ứng tức thời của tôi là bạn có thể thử một chuỗi với chú thích được gắn với tất cả các số không làm dữ liệu - và loại trừ nó khỏi chú giải?

+0

Điều này thực sự là những gì tôi đã kết thúc nhưng không thể loại trừ nó khỏi truyền thuyết để nó ít lý tưởng hơn. – offex

0

Nếu bạn không nhớ sử dụng SVG Line Chart với Annotations bạn cũng có thể tạo lại tính năng này với sự linh hoạt hơn. Nếu bạn đặt cột Chú thích để theo ngay các giá trị trục X, chú thích sẽ xuất hiện ở cuối biểu đồ (trên trục) và không được đính kèm vào bất kỳ danh mục nào. Dưới đây là một ví dụ:

function drawVisualization() { 
    // Create and populate the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('number','Day'); 
    data.addColumn({type: 'string', role: 'annotation'}); 
    data.addColumn({type: 'string', role: 'annotationText'}); 
    data.addColumn('number', '.DJI'); 
    data.addColumn('number', '.INX'); 
    data.addColumn('number', '.INIC'); 
    data.addRows([ 
    [1, null, null, 1000, 400, 300], 
    [2, 'A', 'did stuff', 1170, 460, 400], 
    [3, 'B', 'did more stuff', 660, 1120, 540], 
    [4, null, null, 1030, 540, 620], 
    [5, 'C', 'stopped stuff', 1070, 600, 700] 
    ]); 

    // Create and draw the visualization. 
    new google.visualization.LineChart(document.getElementById('visualization')). 
    draw(data, {focusTarget: 'category', 
        width: 500, height: 400, 
        vAxis: {maxValue: 10},} 
     ); 
} 

này kết thúc lên tim như thế này:

enter image description here

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