在悬停时绘制更改条形图的不透明度

Question

默认的flot条形图从不透明度：.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。