Highcharts - 类型栏 - 单

Question

我正在尝试获取一个条形图，以根据该值呈现不同的颜色（这意味着如果一条线的值为 8，我需要得到它，其中 6 以下的所有内容都是红色，6-7 是绿色，其余的是绿色）。

例如
得分 8 == [红色最多 5 |蓝色从 6 到 7 |绿色从 8 到 10]
得分 6 == [红色最多 5 |蓝色从 6 到 7]
等等……

我花了太多时间浏览 highcharts 上的示例，尝试不同的 jsfiddles... 我认为这是一个简单的修复，但我忽略了一些 有什么想法吗？

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'
        }
        ]
    }
}