2014-11-06 1 views
0

외부 xml 파일에서 오는 데이터로 간단한 선 하이 차트를 만들지 만 소수점을 표시 할 수 없습니다. 예를 들어 xml은 25.6, 25.1,25.9 및 12.5를 반환합니다. 차트는 25 행을 표시하고 툴팁은 25.6 대신 25를 표시합니다.xml에서 오는 소수점을 표시하지 않는 highcharts

function chart1(start, end) { 

var options = { 
    chart: { 
     renderTo: 'chart1', 
     type: 'line' 
    }, 
    colors: ['#D9CDB6'], 
    title: { 
     text: 'Data coming from A4 table' 
    }, 
    tooltip:{ 
      formatter:function(){ 
      return Highcharts.numberFormat(this.y,2,',') 
      } 
     }, 
     dataLabels: { 
enabled: true, 
formatter: function() { 
    return Highcharts.numberFormat(this.y,2); 
} 
}, 
xAxis: { 
     labels: { 
      enabled: false 
     }, 
     categories: [] 
    }, 
    yAxis: { 
     title: { 
      text: 'Volts' 
     }, 
     labels: { 
     format: '{value:.2f}'} 
    }, 

    series: [] 
}; 
// Load the data from the XML file 
$.get('chart1data.php?start=' + start + '&end=' + end, function(xml) { 

    // Split the lines 
    var $xml = $(xml); 

    // push categories 
    $xml.find('categories item').each(function(i, category) { 
     options.xAxis.categories.push($(category).text()); 
    }); 

    // push series 
    $xml.find('series').each(function(i, series) { 
     var seriesOptions = { 
      name: $(series).find('name').text(), 
      data: [] 
     }; 

     // push data points 
     $(series).find('data point').each(function(i, point) { 
      seriesOptions.data.push(
        parseInt($(point).text()) 
        ); 
     }); 

     // add it to the options 
     options.series.push(seriesOptions); 
    }); 
    var chart = new Highcharts.Chart(options); 
}); 
} 

그리고 chart1data 반환이 :

<chart><categories><item>2014-10-17 05:00:09</item><item>2014-10-19 03:01:01</item><item>2014-10-19 03:02:04</item><item>2014-10-19 03:03:06</item><item>2014-10-19 02:04:51</item><item>2014-10-19 02:05:04</item><item>2014-10-17 05:06:52</item><item>2014-10-17 05:07:08</item><item>2014-10-17 05:08:12</item><item>2014-10-19 02:09:04</item><item>2014-10-19 02:10:05</item><item>2014-10-19 02:11:01</item><item>2014-10-19 02:12:03</item><item>2014-10-19 02:13:06</item><item>2014-10-19 02:14:01</item><item>2014-10-18 23:15:29</item><item>2014-10-18 23:16:03</item><item>2014-10-18 23:17:05</item><item>2014-10-18 13:18:15</item><item>2014-10-18 13:19:06</item><item>2014-10-18 13:20:03</item><item>2014-10-18 13:21:07</item><item>2014-09-29 19:22:55</item><item>2014-09-29 19:23:05</item><item>2014-10-18 23:24:00</item><item>2014-10-18 23:25:03</item><item>2014-10-18 23:26:05</item><item>2014-10-18 23:27:00</item><item>2014-10-18 23:28:02</item><item>2014-10-18 23:29:05</item><item>2014-10-18 23:30:00</item><item>2014-10-18 23:31:02</item><item>2014-10-18 12:32:39</item><item>2014-10-18 12:33:10</item><item>2014-09-29 19:34:42</item><item>2014-09-29 19:35:10</item><item>2014-10-18 12:36:01</item><item>2014-10-18 12:37:00</item><item>2014-10-18 23:38:02</item><item>2014-10-18 12:39:00</item><item>2014-10-18 12:40:01</item><item>2014-10-17 04:41:51</item><item>2014-10-17 04:42:07</item><item>2014-10-17 04:43:11</item><item>2014-10-17 04:44:00</item><item>2014-10-17 04:45:03</item><item>2014-10-17 04:46:07</item><item>2014-09-29 19:47:11</item><item>2014-10-17 04:48:03</item><item>2014-10-17 04:49:13</item><item>2014-10-17 04:50:01</item><item>2014-10-17 04:51:05</item><item>2014-10-17 04:52:09</item><item>2014-10-17 04:53:12</item><item>2014-10-17 04:54:00</item><item>2014-10-17 04:55:10</item><item>2014-10-17 04:56:14</item><item>2014-10-17 04:57:02</item><item>2014-10-17 04:58:00</item><item>2014-10-17 04:59:59</item></categories><series><name>A4</name><data><point>25,60</point><point>25,61</point><point>25,63</point><point>25,60</point><point>25,62</point><point>25,62</point><point>25,61</point><point>25,60</point><point>25,60</point><point>25,62</point><point>25,62</point><point>25,62</point><point>25,61</point><point>25,64</point><point>25,62</point><point>25,60</point><point>25,64</point><point>25,63</point><point>25,56</point><point>25,58</point><point>25,58</point><point>25,55</point><point>25,58</point><point>25,63</point><point>25,61</point><point>25,62</point><point>25,63</point><point>25,61</point><point>25,62</point><point>25,61</point><point>25,62</point><point>25,61</point><point>25,59</point><point>25,62</point><point>25,59</point><point>25,59</point><point>25,60</point><point>25,58</point><point>25,62</point><point>25,62</point><point>25,61</point><point>25,63</point><point>25,60</point><point>25,58</point><point>25,59</point><point>25,59</point><point>25,60</point><point>25,61</point><point>25,63</point><point>25,62</point><point>25,61</point><point>25,62</point><point>25,59</point><point>25,60</point><point>25,61</point><point>25,59</point><point>25,62</point><point>25,66</point><point>25,59</point><point>25,63</point></data></series></chart> 

가 변화 시도 다음은 코드입니다. 소수점 구분 기호로 사용하지만 아무 일도 일어나지 않았습니다. 감사

답변

0

에서는 parseFloat에에서는 parseInt ($ (포인트)는 .text()를) 변경 해결 ($ (포인트)는 .text())

관련 문제