Vuejs融合图具有完全透明的背景

Question

我在Vue 2中使用FusionCharts，一切正常。我只希望我的图表具有完全透明的背景，以便它们后面的组件的背景颜色将显示出来。我已经尝试在我的图表设置中使用不同的值，但似乎没有任何效果如何做到这一点？这是我的图表对象：bgColorbgAlphadata2Src() {  return {    chart: {      caption: "Total User Count",      subcaption: "",      xaxisname: "User Groups",      yaxisname: "Number of users",      bgColor: "#DDDDDD",      bgAlpha: "0",      theme: "gammel"    },    data: this.chart2Data  };

Answer 1

这可以使用css来完成，有时来自库的配置是不够的，使得我们需要放一些css hack

<div id="c">

  <div id="chart-container">FusionCharts will render here</div>

</div>

 #chart-container {

  svg {

    background-color: transparent !important;

  }

} 

看看这个小提琴 http://jsfiddle.net/nxorg6j0/