Highcharts - 类型栏 - 单

问题描述

我试图让条形图根据值呈现不同的颜色（意味着如果一行是值 8，我需要得到它，其中 6 以下的所有内容都是红色，6-7 是绿色，其余的都是绿色）。

例如
得分 8 == [红色高达 5 |蓝色从 6 到 7 |绿色从 8 到 10]
得分 6 == [红色高达 5 |蓝色从 6 到 7 ]
等等...

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

解决方法

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