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.

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

1 个答案: