简体   繁体   English

如何在融合角规图中删除背景色

[英]How to remove backgroud color in fusion angular gauge charts

i am newbie in fusion charts. 我是融合图中的新手。 i have implemented fusion charts but now i am not able to remove their default background color. 我已经实现了融合图,但是现在我无法删除其默认背景色。 i have tried to search on their official site and i tried bgalpha & bgcolor but didn't help. 我尝试在其官方网站上进行搜索,但尝试了bgalphabgcolor但没有帮助。

i don't want any background as i have my own background for that. 我不需要任何背景,因为我有自己的背景。 so i just want it as transparent. 所以我只希望它透明。

following is my setup code : 以下是我的设置代码:

  <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();
}); 

i am getting following output : 我得到以下输出: 在此处输入图片说明

Try this in chart , I had same problem too. 在图表中尝试这个,我也有同样的问题。

chart:{"bgcolor", "FFFFFF"}

This will take white background for the Chart. 图表将使用白色背景。

Try setting the containerBackgroundOpacity to 0. This will turn the chart container to be transparent. 尝试将containerBackgroundOpacity设置为0。这将使图表容器变为透明。

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM