如何改变环形图的背景色

Question

试了七八种方法，还是不能改变这个环形图的背景色，请高手指教！

<avue-progress :color="color"
                   :width="width"
                   :showText="false"
                   :strokeWidth="strokeWidth"
                   :percentage="dataChart.data"
                   :type="type">
    </avue-progress>

加了下面的⬇️代码，不管用

<style>
::v-deep .el-progress-circle__track {
  stroke: rgb(0, 255, 34);
}
</style>

使用的是avue

Answer 1

我是这样解决的，封装了一下avue-progress，然后下了一个component为style的组件，这样就能覆盖样式了。

<avue-progress :color="color1" :width="width" :height="height" :showText="false" :strokeWidth="strokeWidth"
    :percentage="percentage" :type="type" :id="chartId">
</avue-progress>

<component :is="'style'"> 
    {{"#" + chartId}} .el-progress-circle svg path:nth-child(1) { 
        stroke: {{option.bgColor}};
    }
</component>