highcharts - highchart 设置填充颜色

Question

我有一个高图，我正在将选择和取消选择用于条形图。我需要在选择栏时更改填充颜色并保持当前颜色。（我只是改变边框颜色）

看来我可以使用 color 属性，但指定 null 并不能解决问题。有没有办法在没有 API 调用的情况下做到这一点。（配置选项）

这就是我现在要做的

plotOptions: {
    series: {
        allowPointSelect: false,
        states: {
            select: {
                borderWidth: 1,
                borderColor: '#595E61'
                color: null
            }
        }
    }
}

Answer 1

试试这个 - 它会（希望）将所选项目突出显示为黄色

plotOptions: {
    series: {
        allowPointSelect: true,
        marker: {
            states: {
                select: {
                    fillColor: 'yellow',
                    lineWidth: 0,
                    borderWidth: 1,
                    borderColor: '#595E61'
                }
            }
        }
    }
}

看这个小提琴的例子（它是一个折线图）。

Answer 2

您需要设置处于选中状态的点的颜色。

data:[{ color: '#00FF00', y: 20, states: {select: {color: '#00FF00'}} }, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

这是一个演示：

http://www.highcharts.com/jsbin/edumap/14/edit#javascript,live

Answer 3

实际上它对我有用：http ://www.highcharts.com/jsbin/edumap/2/edit

问题可能是您将 allowPointSelect 设置为 false 吗？

plotOptions: {
    column: {
        allowPointSelect: true,
        states: {
            select: {
                borderColor: 'red',
                color: null
            }
        }
    }
},