jqplot - jQplot仪表设置画布颜色透明

Question

我正在使用 jQplot 仪表。

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

请帮我解决一下这个。

Answer 1

我遇到了同样的问题，并且根据您编辑 jqplot gaugemeter js 的提示，我实际上找到了一种简单的方法。当您创建仪表时，只需传入一个具有透明背景的网格 - 这对我有用：

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

Answer 2

不确定它是否适用于仪表，但对于 jqPlot PieChart，我为网格背景定义了一个 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;
}