Google 차트 API에 통화 표시

Google 차트 API를 사용하여 선형 차트를 표시하고 있지만 통화로 표시하려면 숫자가 필요합니다. 차트 자체에서 통화와 같은 숫자를 표시 할 수 있었지만 마우스가 한 지점 위로 이동하고 대화 상자가 표시되면 숫자가 지정된대로 표시되지 않습니다. Google 차트 API에 통화 표시

 <script type="text/javascript"> 
      google.load("visualization", "1", {packages:["corechart"]}); 
      google.setOnLoadCallback(drawChart); 

      function drawChart() { 

       var data = google.visualization.arrayToDataTable(<?php echo $data; ?>); 


       var options = { 
        chartArea:{left:40,top:10}, 
        pointSize: 6, 
        vAxis: {format:'$###,###,###.00'}, // Money format 
        legend: {position:'none'} 



       }; 

       var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
       chart.draw(data, options); 

      } 
     </script>

이 이미지에서 볼 수 있듯이

는 수직 열은 위의 코드에 vAxis.format를 사용하여 지정된 소수점을 사용합니까 왼쪽에 표시되지만 대화 상자 (I를 소수 또는 달러 기호가 표시되지 않습니다 화면 캡처 후 달러 기호 추가).

http://i48.tinypic.com/121uznm.jpg

어떻게 수직 열 정렬 왼쪽에있는 숫자와 같은를 표시하는 대화 상자의 수를 얻을 수 있나요?

데이터를 통화 형식으로 채우기 위해 사용하고있는 PHP 배열을 업데이트하려고 시도했지만 Google 차트는 일반 숫자가 아니기 때문에 렌더링하지 않습니다.

출처

2012-06-28 JROB

답을 찾았습니까 ?? –

셀의 원시 값과 형식 값을 모두 지정할 수있는 형식이 있습니다. [1] : 차트에 값을로드 할 때 예 : addRow(['2012-08-31, 4]);addRow(['2012-08-31', {v: 4, f: '$4.00'}]); 그 구문에 대한 더 많은 예제는 문서를 통해 뿌려 지지만 좋은 곳을 찾을 수는 없습니다. 예제에서 $ data 객체가 생성되어 그 포맷을 포함하는 메소드를 변경하기는 너무 어렵지 않지만 다른 포맷 옵션도 있습니다.

어떤 이유로 든 JS에서 해당 서식을 정의하려면 NumberFormatter을 사용할 수 있습니다.

[1] 차트 도구를 처음 사용하기 시작할 때이 구문을 사용했다고 생각하지 않습니다. 그것이 추가 될 때 아무 생각도, 또는, 나는 다만 최근까지 그것을 결코주의하지 않는 경우에.

출처

2012-09-11 19:56:33 nthall

감사합니다. – Dave

다음과 같이 arrayToDataTable() 메소드에 또 다른 내가 매우 유용하다고 옵션과 유사한 개념은 자바 스크립트 리터럴 초기화 구문입니다

var data = new google.visualization.DataTable(
       { 
        cols: [ 
         {id: 'date', label: 'Date', type: 'string'}, 
         {id: 'parnter1', label: 'Partner A', type: 'number'}, 
         {id: 'partner2', label: 'Partner B', type: 'number'} 
        ], 
        rows: [ 
         { c: [{ v: '06/2012' }, { v: 12345, f: '$12,345' }, { v: 98765, f: '$98,765'}] }, 
         { c: [{ v: '07/2012' }, { v: 10123, f: '$10,123' }, { v: 123123, f: '$123,123'}] } 
        ] 
       } 
      );

https://google-developers.appspot.com/chart/interactive/docs/datatables_dataviews

출처

2012-09-19 21:17:32 Shane

이 시도 :

var formatter = new google.visualization.NumberFormat({pattern:'###,###'}); formatter.format(data, 1);

나를 위해 잘됐다. 에서 찾을 수 : Comma Separated Data in Google Visualisation API

출처

2012-11-28 17:56:01 user1504583

이 브라질 통화에 완벽한 형식입니다

var formatter = new google.visualization.NumberFormat({decimalSymbol: ',',groupingSymbol: '.', negativeColor: 'red', negativeParens: true, prefix: 'R$ '}); 
    formatter.format(data, 1);

은 $

10500.5 숙박 10.500,50, 더 접두어 R$을 변경, 또한 미세 오순절 달러를 작동

10500 숙박 10.500,00, 더 많은 접두사

출처

2015-01-27 12:34:58 overallduka

Google 차트 API에 통화 표시

답변

관련 문제