如何删除 CSS 填充属性

Question

我正在使用 JavaScript Apexcharts，它用不同的颜色排列条形图，问题是我有一个 CSS 属性用一种颜色覆盖填充，所以现在所有条形图都有一种颜色：

由于管理权限，我无法访问该文件，但我想删除该填充属性，有没有办法覆盖甚至从样式中删除它

当我取消选中填充属性时：

我基本上想要第二张图片，但我无法访问那个 css 样式表，有没有办法使用 jQuery 或 JavaScript 来做到这一点？

我尝试了以下方法，但都不起作用。

$('.accordion svg').style.removeProperty('fill');
$('.accordion svg').css('fill','');
$('.accordion svg').removeAttr("style");
$('.accordion svg').removeAttribute('fill');

Answer 1

您可以通过在 chartOptions/options 对象上设置 colors 属性来避免在此处使用 CSS。

例子：

getChartOptions() {
    return {
        chart: {
            type: "bar",
        },
        series: [...],
        colors: ["#123456", "#234567", ...],
        ...
    }
}