jqChart燭臺圖：奇怪的顯示

Question

我正在使用jQuery的jqChart插件。
使用以下代碼，燭臺圖表正確呈現。

<script lang="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      $('#jqChart').jqChart({ 
       title: { text: 'CNDL CHRT' }, 
       series: [ 
          { 
           type: 'candlestick', 
           data : [ ['Mon', 5375, 5325, 5340, 5330], ['Tue', 5322, 5250, 5290, 5270], ['Wed', 5375, 5325, 5340, 5330], ['Fri', 5322, 5250, 5290, 5270]] 
                  } 
         ] 
      }); 
     }); 
    </script> 

除了JSON數據作爲下unchaged所有其他方面，圖未正確呈現。
工具提示僅顯示一些欄。
所有酒吧都沒有填充顏色。

data : [["2012/07/02:0920", 5308.2, 5308.2, 5288.0, 5292.4], ["2012/07/02:0930", 5292.0, 5296.7, 5283.35, 5295.05], ["2012/07/02:0940", 5295.95, 5297.3, 5286.6, 5288.55], ["2012/07/02:0950", 5289.4, 5292.0, 5284.0, 5285.0]] 

什麼可能是錯誤在第二個 「數據」 JSON對象？
謝謝，

維尼特

Answer 1

的jqChart燭圖接受數據是格式HLOC。我相信你的第二個數據是OHLC格式。

你可以用它的東西像轉換：

var data = [["2012/07/02:0920", 5308.2, 5308.2, 5288.0, 5292.4], ["2012/07/02:0930", 5292.0, 5296.7, 5283.35, 5295.05], ["2012/07/02:0940", 5295.95, 5297.3, 5286.6, 5288.55], ["2012/07/02:0950", 5289.4, 5292.0, 5284.0, 5285.0]]; 

    for (var i = 0; i < data.length; i++) { 

     var item = data[i]; 

     data[i] = [item[0], item[2], item[3], item[1], item[4]]; 
    } 

    $('#jqChart').jqChart({ 
     title: { text: 'CNDL CHRT' }, 
     series: [ 
        { 
         type: 'candlestick', 
         data: data 
        } 
       ] 
    });