jQplot仪表设置画布颜色透明

Question

我正在使用jQplot仪表。

我想将仪表的背景设置为透明。默认情况下，它设置为白色（背景色）。

请帮助我。

Answer 1

我遇到了同样的问题，并且你在编辑jqplot gauge meter js时，我实际上找到了一个简单的方法。当您创建Gauge时，只需传入一个透明背景的网格 - 这对我有用：

   fuelMeter = $.jqplot('fuel_level',[s3],{
       grid: {
           background: "transparent"
       },
       seriesDefaults: {
           renderer: $.jqplot.MeterGaugeRenderer,
           rendererOptions: {
               label: 'Fuel %',
               // ...
           }
       }
   });

Answer 2

不确定它是否适用于仪表，但适用于jqPlot PieChart I 为网格背景定义了一个rgba颜色方案，如果浏览器不支持rgba，则回退，见下文。至少对Mozilla和IE 8有效。

迟到的答案，但希望仍能帮助某人。

function createChartOptions() {
    var optionsObj = {seriesColors : [ 'green', 'purple', 'yellow' ],
        grid : {
            drawBorder : false,
            drawGridlines : false,
            background : 'rgb(255, 255, 255)',  /* fallback */
            background : 'rgba(255, 255, 255, 0)',
            shadow : false, 
        },
        seriesDefaults : {
            // Make this a pie chart.
            renderer : jQuery.jqplot.PieRenderer,
            rendererOptions : {
                showDataLabels : false,
                startAngle : -90,
                shadow : false, 
            }
        }, 
    }
    return optionsObj;
}