HeatMap Chart Not Support rgba / 8HEX To RGBA error

[leejongheon42]

Description

When using a HeatMap Chart, rgba not supported.

Steps to Reproduce

// RGBA Error
const DEFAULT_HEAT_MAP_COLOR_SCALE = [
"rgba(99, 70, 155, 0.2)",
"rgba(99, 70, 155, 0.4)",
"rgba(99, 70, 155, 0.6)",
"rgba(99, 70, 155, 0.8)",
"rgba(99, 70, 155, 1)",
];

plotOptions: {
heatmap: {
colorScale: {
ranges: DEFAULT_HEAT_MAP_COLOR_SCALE.map((color, index) => {
return {
from: index * colorScaleChunkSize,
to: (index + 1) * colorScaleChunkSize,
color: color
}
})
}
}
},
// HEX8 Error
const DEFAULT_HEAT_MAP_COLOR_SCALE = [
"#63469B33",
"#63469B66",
"#63469B99",
"#63469BCC",
"#63469B",
];

plotOptions: {
heatmap: {
colorScale: {
ranges: DEFAULT_HEAT_MAP_COLOR_SCALE.map((color, index) => {
return {
from: index * colorScaleChunkSize,
to: (index + 1) * colorScaleChunkSize,
color: color
}
})
}
}
},
Error Message
key: "hexToRgba",
value: function () {
var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "#999999",
e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : .6;
"#" !== t.substring(0, 1) && (t = "#999999");
var i = t.replace("#", "");
i = i.match(new RegExp("(.{" + i.length / 3 + "})", "g"));
for (var a = 0; a < i.length; a++) i[a] = parseInt(1 === i[a].length ? i[a] + i[a] : i[a], 16);
return void 0 !== e && i.push(e), "rgba(" + i.join(",") + ")";
}

Expected Behavior

it present RGBA color

Actual Behavior

Not Supported RGBA / Its present RGB color

Screenshots

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.