2015-10-15 23 views
0

我想創建一個表像這個樣本試圖與highChart但顏色設計沒有顯示出來

SampleChart

我創建圖表的代碼如下所示

function makeGraph(title, x_axis, Target, Achieved) { 
     $('#weekly').highcharts({ 
      chart: { 
       type: 'line' 
      }, 
      title: { 
       text: title 
      }, 
      subtitle: { 
       text: 'Source: ide-global.com' 
      }, 
      xAxis: { 
       categories: x_axis 
      }, 
      yAxis: { 
       title: { 
        text: 'Money' 
       } 
      }, 
      plotOptions: { 
       line: { 
        dataLabels: { 
         enabled: true 
        }, 
        enableMouseTracking: false 
       } 
      }, 
      series: [{ 
       name: 'Target', 
       data: Target 
      }, { 
       name: 'Achieved', 
       data: Achieved 
      }] 
     }); 
    } 

和我的JsFiddle在這裏

Fiddle

任何人都可以告訴我爲什麼圖表中的行不會出現

回答

1

這是因爲您正在向數據對象提供字符串。 如果控制檯登錄你的目標變量,你會得到這樣的輸出:

["Week 1", 111111.11, 0, "Week 2", 111111.11, 0, "Week 3", 111111.11, 0, "Week 4", 111111.11, 200000, "Week 5", 111111.11, 0, "Week 6", 111111.11, 0, "Week 7", 111111.11, 0, "Week 8", 111111.11, 0, "Week 9", 111111.11, 200000] 

HighChart不能處理數據對象中的字符串。

如果你改變這個:mWeek = "Week " + i;到這個:mWeek = i;然後它會工作。

請參閱DEMO