[英]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. 我尝试在其官方网站上进行搜索,但尝试了bgalpha
和bgcolor
但没有帮助。
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.