Highcharts Type Bar - single

Question

我正在尝试让条形图根据值呈现不同的颜色(意思是如果一条线是值8，我需要得到它，所有小于6的线是红色的，6-7是绿色的，其余的是绿色的)。

例如

得分8 ==红色5分|蓝色6分至7分|绿色8分至10分

得分6 ==红色最高5分|蓝色6分至7分

等等。

我花了太多的时间浏览highcharts上的示例，尝试不同的jsfiddle……我想这是一个很容易解决的问题，但是我忽略了什么想法？

Answer 1

Highcharts提供了颜色区域API来根据值呈现不同的颜色。

JSFiddle

我提供了一个plotOption示例，如下所示。根据您的要求，区域将是

plotOptions: {
    column: {
        zones: [
        {
            value: 6, // Values up to 6 and not including will have red color 
            color: 'red' // ... have the color blue.
        },
        {
            value: 8
            color: 'blue'
        },
        {
            color: 'green'
        }
        ]
    }
}