Cột Biểu đồ vị trí chú thích biểu đồ Google

Question

Tôi chỉ muốn đặt chú giải địa điểm được đánh dấu ở phía trên cùng của biểu đồ.
Sau đây là mã Chart Google mà không làm việc:

var wrapper = new google.visualization.ChartWrapper({ 
    chartType: 'ColumnChart', 
    dataTable: Dydata, 
    containerId: 'visualization', 
    legend: { position: 'bottom', alignment: 'start' }, 
    width: 520, 
    height: 350 
}); 
wrapper.draw(); 

Answer 1

Nếu bạn muốn truyền thuyết ở trên cùng của biểu đồ của bạn, bạn cần phải thiết lập các tùy chọn legend.position để "top":

legend: { position: 'top', alignment: 'start' } 

và khi sử dụng một ChartWrapper, lựa chọn của bạn cần phải được bên trong "tùy chọn" tham số:

var wrapper = new google.visualization.ChartWrapper({ 
    chartType: 'ColumnChart', 
    dataTable: Dydata, 
    containerId: 'visualization', 
    options: { 
     legend: { position: 'top', alignment: 'start' }, 
     width: 520, 
     height: 350 
    } 
}); 
wrapper.draw(); 

Answer 2

chúng ta cần thêm các ins đang phần tùy chọn ide ví dụ. như sau:

chart1.options = { 
     legend: { position: 'top', alignment: 'end' }, 
     "title": "Sales per month", 
     "isStacked": "true", 
     // "fill": 20, 
     "displayExactValues": true, 
     "vAxis": { 
      "title": "Sales unit", 
      "gridlines": { 
       "count": 10 
      } 
     }, 
     "hAxis": { 
      "title": "Date" 
     } 
    }; 

Answer 3

Tôi đã sử dụng dưới đây api để khắc phục vấn đề:

legend.position: ['top', 'bottom']