2013-06-26 52 views
0

請參閱下面的代碼以獲取圖表。 它沒有正確顯示js中定義的顏色。 當我在jsfiddle中運行這個js時,它確實顯示出正確的顏色。HighCharts:基本柱形圖,但未在列中顯示正確的顏色

jQuery(document).ready(function() { 


     var my_chart = { 
      chart: { 
       renderTo: 'divTotalOpenPositionsGraph', 
       type: 'column', 
       marginLeft: 13, marginBottom: 30,marginTop:5, 
       fontFamily: 'Arial,Helvetica,sans-serif', 

      }, 
      credits: { 
       enabled: false 
      }, 
      title: { 
         text: 'Open Position' 
       } 
      }, 
      legend: { 
       enabled: false     

      }, 

      plotOptions: { 
       series: { 
       colorByPoint: true, 
        borderWidth: 0, 
        animation: { 
         duration: 5000 
        }, 
        dataLabels:{ 
                 

     enabled:true, 
                    formatter:function(){ 
                        if(this.y > 0) 
                            return this.y; 
                     } 
                } 
      } 
     }, 
     series: [{ 
       name: 'Positions', 
       data: [6,9] 
      }], 
      colors: [ 
       '#f89422', 
       '#8cc641' 
        ], 
     xAxis: { 
      categories: ['Internship','Employment'], 
      labels: { 
       enabled: true 
      } 
     }, 
     yAxis: { 
     title: { 
      text: null 
     }, 
     labels: { 
      enabled: false 
     } 
    }, 
    }; 
    new Highcharts.Chart(my_chart); 
}); 

任何人都可以請糾正我嗎?我需要第一列橙色和第二列綠色。

謝謝您的高級。

+0

也許你有一些舊版本Highcharts的?由於在jsFiddle它的作品.. –

回答

0

我碰到一些語法錯誤,但作爲一個結果,我在這裏轉載您的例子:

http://jsfiddle.net/WVgDM/

Colors are as you described. 
相關問題