2014-08-29 62 views
0

我是融合图表中的新手。我已经实现了融合图表,但现在我无法删除它们的默认背景颜色。我试图搜索他们的官方网站,我试图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(); 
}); 

我得到以下的输出:enter image description here

回答

1

试试这个图表中,我也有同样的问题。

chart:{"bgcolor", "FFFFFF"} 

这将为图表带来白色背景。

1

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

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