Price: 9.99 EUR
Demo DocumentationWith Live Graph JX you can get your data moving. Set up a graph directly from the data stored in your database and insert it into an article. You can select multiple datasets to be displayed on the same chart. The data can be displayed dinamically, which means that in each step another part of your data is displayed.
Key features
Key features:
- Simple and Intuitive User Interface
- Simple dataset selection and renaming
- Dynamic representation of your data
- Line and Bar charts supported
- Dimension and color adjustment
- Legend position
- Remote Database connection
- ...
The admin interface is very similar to other Tools JX products. It allows you to select a database table from the list of all tables. Further more you can select and rename data sets from the selected table, set the color of the line graps and more. There is also a simple preview included within the admin interface. This product is suitable for any kind of data that you want to represent graphically. You are invited to take a look at demo and documentation pages for more information.
See the demo page for more examples. Check out the Quick Start Guide for more information about backend.
Quick demo
See the demo page for more examples. Check out the Quick Start Guide for more information about backend.
Graph JX Sample
For now it works only with MySQL database.
* You will be able to re-download purchased products any time after. All you need to do is to register to our website using your PayPal email address. This is the email address that you have used to login to your PayPal account before purchasing.
Quick start guide
With Live Graph JX you are able to represent data from your database in graphically within an article. This can be done by just a few clicks. Check also the demo page, to see how the results look like.
Three steps to display your data in an article.
1. Installation
Installation is not different from any other Joomla extension. Go to Extension Manager (Extensions > Extension Manager). Find and select the installation package from your computer by clicking the "Browse" button and click "Upload & Install" to install the extension on your site. During the installation the main component and two plugins will be installed and enabled.
2. Creating a view
Installed component should appear under the Components menu. After clicking on Tools JX in the menu an emtpty list should appear. To add a new Live Graph JX hit the "New" button.
A form appears where you can define all kinds of settings. Since this is a quick guide, let's take a look at the basic settings only. If the data that you want to display is stored in the database where your Joomla site stores its data, you do not need to fill in the connection data. Among the Table Settings a dropdown list appears where you are able to pick a table from your database.
After selecting the table a list of columns from this table appears below. Select the columns that you want to use on your chart using the ">>" button. The columns move from the left to the right where you are able to set a display names for them and do some additional adjustments like choosing a clolor for a line if you click on "More...". If you change your mind and you want to remove one or more columns, you can select them on the right list by using checkboxes and then use the "<<" button to move them back to the Unused Columns. You are also able to select a column that you want to display on x-axis.
Do not forget to save your settings by clicking on "Save" or "Save & Close" button. The button "To Article Manager" also stores your settings and redirects you to the Article manager.
Clicking "Save" Button will also make the "Graph Preview" visible.
Some additional settings are available where you can adjust the graph size, select the data to be displayed statically or dinamically, chose wether or not to display legend and so on.
3. Using Live Graph JX in an article
Navigate to the Article Manager (Content > Article Manager) and crate new article or open an article where you want to display the grid. Below the text editor you wil find a button "Insert Grid". Place the cursor where you want your grid to be inserted, and press Insert Grid button.
A popup window apears and you are able to select the grid that you want to insert into the current article.
A code 
gets inserted into an article. If you check now this article on the frontend you will see that the code was replaced with an actual grid. If you are for some reason unable to use the "Insert Grid" button, you can write this code by yourself. Just replace the number (1) with the id of the view that you want to be inserted into the article.