2014-08-29 9 views
0

Я новичок в диаграммах слияния. Я реализовал графики слияния, но теперь я не могу удалить их цвет фона по умолчанию. я попытался найти на своем официальном сайте, и я попробовал bgalpha & bgcolor, но не помог.Как удалить цвет backgroud в диаграммах угловых калибровок

Мне не нужен какой-либо фон, поскольку у меня есть свой собственный фон для этого. поэтому я просто хочу, чтобы он был прозрачным.

Ниже мой код установки:

<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

Попробуйте установить контейнерBackgroundOpacity в 0. Это превратит контейнер диаграммы в прозрачный.

var cSatScoreChart = new FusionCharts({ 
type: 'angulargauge', 
renderAt: 'chart1Div', 
width: '200', 
height: '200', 
containerBackgroundOpacity: '0', 
dataFormat: 'json', ..... 
Смежные вопросы