Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 

README.md

APEX D3 Liquid Gauge

This plugin is a replica of the D3 Liquid Fill Gauge.

Based on the D3 Javascript Library, this plugin has its own little taste of APEX and can run on a SQL Query.

It is also sensitive to the click event.

Clicking on the gauge will cause it to run the query again and update its displayed value.

You can also take a look at the plugin documentation altogether on my website.

Demo

APEX D3 Liquid Gauge Item Plugin - Click Here

Installation

Just import the

item_type_plugin_com_jafr_apexgauge.sql

file into your application.

Choose this plugin as your item type and change the settings to get the desired result.

For more documentation visit this link : APEX D3 Liquid Gauge Item Plugin - Click Here

Usage

Type:

Define the type of source used for the value shown on the gauge. 
Options include “From Input” and “From Query”.

Percent (Input):

You see this option when you set Type to “From Input”. 
You can enter a number to be shown on the gauge.

Percent (SQL Query):

You see this option when you set Type to “From Query”. 
You can enter a SQL query that returns a single value.

Height:

Set the height of the gauges. 
The value is based on pixels, therefore an integer will suffice.

Theme:

Choose from 3 preset themes. 
Theme 3 is the default theme. 
Setting the colours will override any colours in the themes.

Circle Colour:

Set the colour of the circle. 
Using the color picker simplifies the process of choosing a colour.

Text Colour:

Set the colour of the text. 
Using the color picker simplifies the process of choosing a colour.

Wave Text Colour:

Set the colour of the wave text inside the gauge. 
Using the color picker simplifies the process of choosing a colour.

Wave Colour:

Set the colour of the wave. 
Using the color picker simplifies the process of choosing a colour.

Additional Settings

Note that this plugin is a dynamic plugin reacts to the click event. To use this functionality all that you need to due is specify a SQL query that returns a single value in the List of Values property of the plugin. Clicking on the item will fetch new data from the query you define and update the plugin using AJAX.

Author

Farzad Soltani - Github

Farzad Soltani - My Website

Twitter - @farzadso

About

APEX D3 Liquid Gauge Item Plugin

Resources

License

Packages

No packages published
You can’t perform that action at this time.