如何从jqPlot metergauge图表中删除画布白色背景

Question

我一直在研究jqplot的核心CSS和JS库，但我找不到从Canvas元素（Meter gauge）中删除白色背景的方法。

这是小提琴LINK

HTML

<div id="chart4" class="plot" style="width:500px;height:300px;"></div>

JS

$(document).ready(function(){
         s1 = [3];

         plot4 = $.jqplot('chart4',[s1],{
             seriesDefaults: {
                 renderer: $.jqplot.MeterGaugeRenderer,
                 rendererOptions: {
                     min: 0.0,
                     max: 5.0,
                     label: '3.5',
                     labelPosition: 'inside',
                     labelHeightAdjust: -8,
                     intervalOuterRadius: 70,
                     ticks: [0, 1, 2, 3, 4, 5],
                     intervals:[3, 4, 5],
                     intervalColors:['#d9534f', '#5bc0de', '#5cb85c'],
                     background: "#3498db",
                     ringColor: "#154172",
                     tickColor: "989898"
                 }
             }
         });
      });

Answer 1

您有一个名为grid (see documentation here)的选项，您可以在其中设置所有网格参数 - 尤其是背景：

grid: {
 background: 'transparent' 
}

请参阅工作示例here