highcharts - HighCharts ：基本柱形图，但在柱形图中未显示正确的颜色

Question

请参阅下面的图表代码。它没有正确显示 js 中定义的颜色。当我在 jsfiddle 中运行这个 js 时，它确实显示了正确的颜色。

    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);
}); 

有人可以纠正我吗？我需要第一列中的橙色和第二列中的绿色。

提前谢谢你。

Answer 1

我遇到了一些语法错误，但结果我在这里复制了你的例子：

http://jsfiddle.net/WVgDM/

Colors are as you described.