2015-03-20 10 views
10

Sto utilizzando la Tabella di Google Visualization Materiale ...Grafici Google Materiale: Stop Tooltip arrotondamento

https://google-developers.appspot.com/chart/interactive/docs/gallery/barchart#Material

.... e nel mio esempio ...

http://jsfiddle.net/ETFairfax/78595a3h/

... le descrizioni dei comandi arrotondano i valori della barra invece di visualizzare semplicemente i valori così come sono.

Ho provato a personalizzare le descrizioni dei comandi come documentato qui: https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#custom_html_content ma ancora nessuna gioia.

La documentazione fa dire ...

"Le tabelle materiali sono in versione beta."

quindi forse sto combattendo una causa persa.

La mia domanda:

Qualcuno sa come fermare le descrizioni comandi da arrotondamenti?

Qualsiasi aiuto apprezzato.

HTML

<div id="chart_div" style="width: 900px; height: 500px;"></div> 

codice JS:

google.load("visualization", "1.1", { 
    packages: ["bar"] 
}); 
google.setOnLoadCallback(drawChart); 

function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['Work', 8.5], // Tooltip says 8.5. CORRECT 
     ['Eat', 11.5], // Tooltip says 12 - INCORRECT 
     ['Commute', 2],// Tooltip says 2 - CORRECT 
     ['Watch TV', 0.28],// Tooltip says 0.28 - CORRECT 
     ['Sleep', 7.28] // Tooltip says 7.3 - INCORRECT 
    ]); 

    var options = { 
     title: 'My Daily Activities' 
    }; 

    var chart = new google.charts.Bar(document.getElementById('chart_div')); 

    chart.draw(data, google.charts.Bar.convertOptions(options)); 
} 
+0

Quindi spiego qual è il problema. Mostra un esempio di quello che sto facendo. Ho letto quello che penso di aver bisogno di leggere nella documentazione, e ho detto quello che ho provato .... Poi ho un -1! – ETFairfax

+1

Le persone sono troppo disinvolte quando si parla di downvoting. Ho appena messo in discussione la tua domanda. –

risposta

2

provare questo:

var options = { 
    title: 'My Daily Activities', 
    vAxis : { 
     format: 'decimal' 
    } 

risposta può essere trovata in questo link: here

+0

ha incasinato una chiusura '}' nella risposta – Reflective