2013-06-12 6 views
-1

123456에서 123,456까지 표시 할 데이터 값에 쉼표를 추가해야합니다. 수많은 포럼과 지원을 검색해 보았지만 지금해야 할 일을 이해하지 못했습니다.데이터 값에 쉼표를 추가하는 방법

이 현재 스크립트 코드 : I가 필요

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { 

    $('#container').highcharts({ 
     chart: { 
      type: 'line', 
      marginRight: 130, 
      marginBottom: 25 
     }, 
     title: { 
      text: 'Graph Title', 
      x: -20 //center 
     }, 
     subtitle: { 
      text: 'Source: Name and site www.url.com', 
      x: -20 
     }, 
     xAxis: { 
      categories: ['Jul-12', 'Aug-12', 'Sep-12', 'Oct-12', 'Nov-12', 'Dec-12', 
       'Jan-13', 'Feb-13', 'Mar-13', 'Apr-13'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Price' 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 1, 
       color: '#7c1440' 
      }] 
     }, 
     tooltip: { 
      valueSuffix: '' 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'top', 
      x: -10, 
      y: 100, 
      borderWidth: 0 
     }, 
     series: [{ 
      name: 'HERC Index Value', 
      data: [230570, 231055, 231055, 232325, 232914, 241636, 241748, 241748, 242330, 242633] 

     }] 
    }); 
}); 


</script> 

'데이터'값으로 표시 할 : 데이터 : 230,570, 231,055, 231,055, 232,325, 232,914, 241,636, 241,748, 241,748, 242,330 , 242,633].

답변

3

지금까지 많은 답변은 매우 지나치게 복잡 것으로 보인다.

최종 결과가 필요한 것의 설명이 매우 유용합니다.

그러나 필자는 사지에 나가서 차트에서 사용할 데이터 값에 쉼표가 없지만 데이터 레이블, 도구 설명 또는 축 레이블에 표시된 형식 번호를 제안합니다. .

그런 경우가 있다면, 당신은 당신의 표시에 영향을하려면 그 지역의 중에 적합한 포맷의 조합을 사용할 수 있습니다

및 numberFormat 함수 :

http://api.highcharts.com/highcharts#Highcharts.numberFormat%28%29

귀하의 필요를 이해하지 못하는 경우 명확히하십시오.

+0

우수! 고맙습니다! – OtherDavid

-1

Array.map()을 사용하면 원하는 조건에 따라 다른 목록에서 새 목록을 만들 수 있습니다.

완전히 당신은 또한, for 루프 이렇게 arr[i]element를 정의 할 수 있습니다 지원되지 않으며이 완료 이후
var arr = [230570, 231055, 231055, 232325, 232914, 241636, 241748, 241748, 242330, 242633], 
    parsed = arr.map(function(element, index, array) { 
     var string = element.toString(), 
      part1 = string.substring(0, 3), 
      part2 = string.substring(3); 
     return part1 + "," + part2; 
    }); 
alert(parsed); 

!

var arr = [230570, 231055, 231055, 232325, 232914, 241636, 241748, 241748, 242330, 242633], 
    parsed = []; 
for(var i = 0; i < arr.length; i++) { 
    var string = arr[i].toString(); 
     part1 = string.substring(0, 3), 
     part2 = string.substring(3); 
    parsed.push(part1 + "," + part2); 
} 
alert(parsed); 

수정 된 데이터는 다음과 같이 표시됩니다

var data = [230570, 231055, 231055, 232325, 232914, 241636, 241748, 241748, 242330, 242633], 
    parsed = data.map(function (element, index, array) { 
     var string = element.toString(), 
      part1 = string.substring(0, 3), 
      part2 = string.substring(3); 
     return part1 + "," + part2; 
    }), 
    obj = { 
     chart: { 
      type: 'line', 
      marginRight: 130, 
      marginBottom: 25 
     }, 
     title: { 
      text: 'Graph Title', 
      x: -20 //center 
     }, 
     subtitle: { 
      text: 'Source: Name and site www.url.com', 
      x: -20 
     }, 
     xAxis: { 
      categories: ['Jul-12', 'Aug-12', 'Sep-12', 'Oct-12', 'Nov-12', 'Dec-12', 
       'Jan-13', 'Feb-13', 'Mar-13', 'Apr-13'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Price' 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 1, 
       color: '#7c1440' 
      }] 
     }, 
     tooltip: { 
      valueSuffix: '' 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'top', 
      x: -10, 
      y: 100, 
      borderWidth: 0 
     }, 
     series: [{ 
      name: 'HERC Index Value', 
      data: parsed 
     }] 
    }; 
$('#container').highcharts(obj); 

이 목록의 쉼표는 새로운 요소를 정의하는 데 사용되기 때문에 parsed는 문자열 배열 될 것이라는 점을 기억하십시오!

+0

코드를 제공해 주셔서 감사합니다. 이걸 어디서 적용해야합니까? 환호 – OtherDavid

+0

업데이트 된 답변! –

+0

내가 그걸 넣으면 첫 줄에 오류가 나타납니다. 어떤 아이디어? 감사합니다 – OtherDavid

0

하이 차트에서 데이터 형식은 문자열이 아닌 숫자 여야합니다. 그러나, 당신은 왜 포인트 간단한 형식을 사용할 수 없습니다 Highcharts를 표시 할 때

data: [230.570, 231.055, 231.055, 232.325, 232.914, 241.636, 241.748, 243.748, 242.330, 242.633] 

개미 다음, 대신 디스플레이 쉼표 : http://api.highcharts.com/highcharts#lang.decimalPoint

관련 문제