jquery - 悬停时更改栏的不透明度

Question

悬停时，默认浮点条形图从不透明度:.5 更改为不透明度:1。我想扭转这一点，但我似乎找不到任何人这样做过。这是我当前正在使用的代码。

$.extend(true, opts.flot, {
    series: {
        points: { show: false },
        bars: {
            align      : 'center',
            order      : (opts.stacked) ? null : true,
            show       : true,
            border     : false,
            fill       : 1,
            fillColor  : null,
            horizontal : opts.horizontal,
            barWidth   : (opts.stacked) ? 0.6 : 0.6 / opts.data.length,
            lineWidth  : 0
        },
        lines: { show: false },
        pie: { show: false }
    }
});

Answer 1

在您的选项中使用类似的内容，可以在不悬停时为您提供 opacity 1 和悬停时的 opacity 0.5(此处以红色为基色):

color: 'rgba(255, 0, 0, 1.0)',
highlightColor: 'rgba(255, 255, 255, 0.5)',
bars: {
    show: true,
    fillColor: 'rgba(255, 0, 0, 1.0)'            
}

查看此fiddle完整的例子。