谷歌图表如何用%显示值

时间:2012-02-10 09:46:19

标签: charts

你好我想在我的谷歌图表数据中有一个%我有我的数据,如数字,但不接受%符号。

    <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addRows([
['Line 1', 71.36, 71.36871], 
['line 2', 3.07, 74.44134]
    ]);

    var options = {
      width: 400, height: 240,
      title: 'Company Performance'

    };

    var chart = new     
    google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, {vAxis: {format:'#,#%'} } );
  }

我尝试过像

这样的数据
['Line 1', 71.36,'71.36%'], 
['line 2', 3.07,'3.07%' ]
    ]);

1 个答案:

答案 0 :(得分:0)

谷歌图表接受给出一个字典,其中包含两个元素“v”来自值,“f”来自格式。 您可以将您的值设为

data.addRows([
['Line 1', {"v":71.36871,"f":"71.36%"}], 
['line 2', {"v":3.07,"f":"3.07%"}]
]);