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

Question

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

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

工作示例（Firefox）：

问题（Chrome）：

所以 Google Chrome 在解析带有 Alpha 值的 Hexcolor 时似乎有一些问题。下面的代码显示了具有波段特征的行的 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) 通知让它在所有浏览器中工作。

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

Angular Flot - Passing Hex Color with Alpha not working in Google Chrome

javascript

css

angularjs

google-chrome

flot