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

请参阅this fiddle了解它的实例（它是折线图）。

Answer 2

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

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

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

Answer 3

您需要将点的颜色设置为选定状态。

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

高图设置填充颜色

3 个答案: