高图设置填充颜色

问题描述 投票:1回答:3

我有一个高图,我正在使用选择和取消选择条形图。我需要在选择条形时更改光标颜色并保持当前颜色。 (我只是改变边框颜色)

看起来我可以使用color属性,但是指定null并不能解决问题。没有API调用,有没有办法做到这一点。 (配置选项)

这就是我现在正在做的事情

plotOptions: {
    series: {
        allowPointSelect: false,
        states: {
            select: {
                borderWidth: 1,
                borderColor: '#595E61'
                color: null
            }
        }
    }
}
highcharts
3个回答
0
投票

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

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

请参阅this fiddle了解它的实例(它是一个折线图)。


0
投票

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

问题是你将allowPointSelect设置为false吗?

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

0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.