javascript - Angular Flot - 通过 Alpha 传递十六进制颜色在 Google Chrome 中不起作用

Question

我目前正在使用 angular-flot库并面临 Google Chrome 浏览器中的奇怪行为和 flot 的 bands 功能。

图片说了1000多字，先上问题截图:

工作示例(Firefox):

问题(Chrome):

因此，谷歌浏览器似乎在解析具有 Alpha 值的 Hexcolor 时存在一些问题。下面的代码显示了带有 bands 特征的行的 JSON(表示这个特定情况下的标准偏差)。

$scope.ChartOptions.series.push({
                    "label": "Testgraph",
                    "color": '#33FF55",
                    rendererOptions: {
                        bands: {
                            show: true,
                            interval: statisticsService.standardDeviation($scope.Data[i]),
                            fillColor: "#8CFF3333"
                        }
                    }
                });

Answer 1

具有 alpha 值的十六进制颜色代码最近才成为 CSS 标准的一部分，并且仅受某些浏览器(例如 Firefox)支持，其他浏览器(例如 Chrome、IE)不支持，参见 here了解更多信息。

使用 rgba(140, 255, 51, 0.2) 通知让它在所有浏览器中工作。