Google Charts/visualisations column width

Question

Sto utilizzando l'API di Google Chart e ho convertito un grafico a linee (vedi sotto) in un istogramma, tuttavia le larghezze delle colonne cambiano in base alla quantità di colonne di dati. Se passerò il mouse sopra, mi verrà indicata la data corretta, tuttavia a causa della modifica della larghezza della colonna non è possibile visualizzare in modo preciso la data che la colonna dovrebbe rappresentare. Un punto funzionerebbe, quindi potrei tornare a un grafico a linee, tuttavia, una colonna ha un aspetto migliore per il set di dati che sto usando. Qualche idea su come risolvere questo problema?

La data è dinamica, quindi l'asse X deve essere variabile.

Grazie

// Create a line chart, passing some options 
       var LineChart = new google.visualization.ChartWrapper({ 
        'chartType': 'ColumnChart', 
        'containerId': 'chart_div', 
        'options': { 
         'vAxis': {'title': 'Species Abundance', 'minValue': 0, 'maxValue': 32}, 
         'width': 300, 
         'height': 300, 
         'legend': 'top',   
         'title': 'Selected Site and Species abundance over time' 
        }, 
        'view': {'columns': [0, 1]}, 
       }); 

Answer 1

È possibile impostare una larghezza massima impostando l'opzione bar.groupWidth ad un numero intero (il numero di pixel da utilizzare per un gruppo bar). L'impostazione di questa opzione fa sì che l'API tenti di disegnare questa larghezza di tutti i gruppi di barre (il set di barre su un dato valore dell'asse), anche se potrebbe essere costretto a disegnarle più piccole se l'impostazione del grafico lo richiede.

bar: { 
    groupWidth: 20 
}