2016-04-13 14 views
0

Google görselleştirme linechart'ım var. H ekseninde etiketleri biçimlendirme sorunları yaşıyorum. Onları tamsayılara yuvarlatmak istiyorum, bu yüzden daha güzel görünüyor. Belgelere baktım ama bir çözüm bulamadım.H ekseni etiket değerlerini tam sayılara nasıl çevrilir?

$(document).ready(function(){ 
    var chartData = new google.visualization.DataTable(); 
    chartData.addColumn('number', 'SPS'); 
    chartData.addColumn('number', 'WGT'); 
    var chartdatax = ["47", "47", "38", "35", "35"]; 
    var chartdatay = ["1500", "2300", "2300", "1950", "1500"]; 
    for (var i = 0; i < chartdatax.length; i++) { 
    chartData.addRow([parseFloat(chartdatax[i]), parseFloat(chartdatay[i])]); 
    }; 
    options2 = { 
    height: 500, 
    hAxis: { 
     title: 'SPS', 
     gridlines: { 
     count: 15 
     } 
    }, 
    vAxis: { 
     title: 'WGT', 
     gridlines: { 
     count: 15 
     } 
    }, 
    chartArea: { 
     top: 40, 
     width: "70%", 
     height: "75%" 
    }, 
    legend: { 
     position: 'none' 
    }, 
    pointSize: 5 
    }; 
    myLineChart = new google.visualization.LineChart(document.getElementById('myChart2')); 
    myLineChart.draw(chartData, options2); 
}); 

JSFiddle

<div id="myChart2" name="myChart2" width="500" height="280"></div> 

jQuery

HTML:https://jsfiddle.net/rdawkins/w83mdx3y/2/

cevap

0

Seniçin format:'#,###' ekleyebilir İşte benim kodudur 10 nesne:

hAxis: { 
    format:'#,###', 
    title: 'SPS', 
    gridlines: { 
    count: 15 
    } 
}, 

İşte keman güncelleştirilmiş bir sürümü: https://jsfiddle.net/w83mdx3y/3/

bu nasıl çalıştığı hakkında daha fazla bilgi için çizelgeleri belgelerinde customizing axes bakın.

+0

Teşekkürler Alessandro. Bununla birlikte, dizinin değerlerini değiştirdiğimde yinelenen etiket değerleri oluşturur. https://jsfiddle.net/rdawkins/w83mdx3y/4/ –

+0

Değerleri değiştirerek bana bir örnek verebilir misiniz? 'MyLineChart.draw (chartData, options2); –

+0

Hayır, yani 38, 38 gibi yinelenen etiket değerleri var. Değerleri değiştirerek, "var chartdatax = [" 47 "," 47 "," 38 "," 35 "," 35 "];' var chartdatax = ["47", "47.1", "38.5 "," 35 "," 35 "];'. Sonucunu yukarıdaki kemanda görebilirsiniz. –

İlgili konular