Hi,

I would like to use a Google gauge to display the temperatuur measurement of my fish tank. The options however in WPDataTables are not very extensive for now (as it seems). I am unable to set the min and max value of the gauge, nor can I change the range which is the "greenzone" in the gauge. The Google site (see related url) explains all options of the gauge.

I would like to know if it is possible to use the options for the Google gauge, as described by Google, in this current version of wpDataTables or in a next version.

regards, Richard

Hi,

Thanks for your information. I did struggle a bit, but now it is working like a charm.

The solution, I installed the "Scripts n Styles" plugin and then added the proposed code. At first it did not work, as some characters where missing to properly close the statements.  Here is my code, note that I have 2 google gauges on the page, the first gauge has ID 10 and the second is ID 6.

Hope this helps out other beginner developers like me :)

Regards, Richard

jQuery(window).load(function()

{ 
    if (typeof wpDataChartsCallbacks == 'undefined')
    { wpDataChartsCallbacks = {}; } 
wpDataChartsCallbacks[10] = function(obj) 
{ 
  obj.options.min = 0; 
  obj.options.max = 10; 
  obj.options.greenFrom = 4 ; 
  obj.options.greenTo = 10; 
obj.options.yellowFrom = 2; 
  obj.options.yellowTo = 4; 
  obj.options.redFrom = 0; 
  obj.options.redTo = 2; 
  }

wpDataChartsCallbacks[6] = function(obj) 
{ 
  obj.options.min = 20; 
  obj.options.max = 30; 
  obj.options.greenFrom = 23; 
  obj.options.greenTo = 27; 
  }
} );