如何去除融合角规图表中的背景色

Question

我是聚变图的新手。我已经实现了融合图表，但现在我无法删除它们的默认背景颜色。我试着在他们的官方网站上搜索，我尝试了bgalpha & bgcolor，但没有帮助。

我不想要任何背景，因为我有我自己的背景。所以我只希望它是透明的。

以下是我的设置代码：

  <script>
         var target1 = '{$period_actual_use}';
         var tooltext = 'Actual {$period_actual_use} kWh{literal}{{/literal}br{literal}}{/literal}Target {$period_target_use} kWh';
         {literal}
        FusionCharts.ready(function () {
var cSatScoreChart = new FusionCharts({
    type: 'angulargauge',
    renderAt: 'chart1Div',
    width: '200',
    height: '200',
    dataFormat: 'json',
    dataSource: {
        "chart": {
            "caption": "Electirc Use Goal",
            "subcaption": "",                
            //Place tick marks and values inside gauge
            "placeTicksInside":"1",
            "placeValuesInside":"1",
            "theme": "fint",
            "bgImage":"pizza.jpg"
        },
        "colorRange": {
            "color": [
                {
                    "minValue": "0",
                    "maxValue": "40",
                    "code": "#6baa01"
                },
                {
                    "minValue": "40",
                    "maxValue": "60",
                    "code": "#f8bd19"
                },
                {
                    "minValue": "60",
                    "maxValue": "100",
                    "code": "#e44a00"
                }
            ]
        },
        "dials": {
            "dial": [{
                "value": target1,
                "toolText": tooltext
            }]
        }
    }
  }).render();
}); 

我得到了以下输出：

​

Answer 1

在图表中尝试一下，我也遇到了同样的问题。

chart:{"bgcolor", "FFFFFF"}

这将采用图表的白色背景。

Answer 2

尝试将containerBackgroundOpacity设置为0。这将使图表容器变得透明。

var cSatScoreChart = new FusionCharts({
type: 'angulargauge',
renderAt: 'chart1Div',
width: '200',
height: '200',
containerBackgroundOpacity: '0',
dataFormat: 'json', .....