myCred_Chart
Description
This object is used to generate the chart HTML canvas element and construct the required JavaScript data for Chart.js. Used by the Statistics add-on. While the method only returns an empty HTML canvas element, the actual chart JavaScript data is populated using the $mycred_charts global. The statistics add-on uses this global to render the actual data in the footer of your website.
Available since version 1.8
Interacting with Object
This object should be accessed using the mycred_create_chart function.
Object properties
Note that the constructor class will auto populate these values when the class is constructed.
Property | Type | Description | |
---|---|---|---|
myCRED_Chart Object (
|
|||
public $args |
array | Global attributes for the chart we want to render. | |
public $now |
int | The current UNIX timestamp. | |
public $point_types |
array | An associative array of point type keys and myCRED_Point_Type objects. | |
public $point_colors |
array | An associative array of point type keys and the colors saved to be used for each type. | |
public $date_format |
string | The date format set in our WordPress settings. | |
public $time_format |
string | The time format set in our WordPress settings. | |
)
|
Global Arguments:
Key | Type | Default | Description |
---|---|---|---|
type |
string | pie | The chart type we plan on constructing. |
color |
string or array | - | Option to set the color to use. This can be a string containing one color (mainly used for line charts) or an array containing a color for positive values and one for negative. |
animate |
bool | Add-on Settings | If the chart should be animated or not. Will enforce the default setting that you chose in your add-on settings. |
bezier |
bool | Add-on Settings | If the chart should use bezier curves for lines or not. Will enforce the default setting that you chose in your add-on settings. |
x_labels |
bool | TRUE | If the labels for the X axis should be shown or not. Some references have long names and this can cause the chart to render small with long names. |
label_max |
int | 20 | The maximum character length of the X axis label. |
legend |
bool | TRUE | If the chart legend should be shown or not. |
title |
string or array | - | Option to set a title for the chart. You can also provide an array of settings for more control of the rendered title. |
width |
int or string | - | The width of the canvas element. By default the element will be full width. |
height |
int or string | 250 | The height of the canvas element. |
Object Methods
public function __construct( $args = array() ) {
|
||||
Description: | Constructs the objects and populates the object properties. It also parses the global arguments you provided. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$args |
array | No | An associative array of global arguments to use for the chart we are about to render. | |
} |
public function apply_defaults( $args = array() ) {
|
||||
Description: | This menthod will apply the default arguments to the arguments provided when the object was constructed. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$args |
array | No | An associative array of global arguments. | |
} |
public function parse_args( $args = array() ) {
|
||||
Description: | Parses your given global arguments, ensuring that valid values are used. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$args |
array | No | An associative array of global arguments. | |
} |
public function get_chart_options() {
|
||||
Description: | Returns the chart options object. | |||
---|---|---|---|---|
} |
public function generate_element_id() {
|
||||
Description: | Returns a unique ID to be applied on the canvas element. | |||
---|---|---|---|---|
} |
public function get_canvas_styling() {
|
||||
Description: | Returns the CSS styling that needs to be applied to the canvas element based on our global arguments. | |||
---|---|---|---|---|
} |
public function get_reference_label( $reference = '' ) {
|
||||
Description: | Returns the label for the given reference id. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$reference |
string | Yes | The reference key. | |
} |
public function generate_canvas( $type = '', $input = array() ) {
|
||||
Description: | Returns the chart options object. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$type |
string | Yes | The chart type we want to use. | |
$input |
array | Yes | An array of data to process. | |
} |
public function pie_chart( $input = array() ) {
|
||||
Description: | Generates a pie chart based on the provided $input data. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$input |
array | Yes | An array of data to process. | |
} |
public function doughnut_chart( $input = array() ) {
|
||||
Description: | Generates a doughnut chart based on the provided $input data. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$input |
array | Yes | An array of data to process. | |
} |
public function line_chart( $input = array() ) {
|
||||
Description: | Generates a line chart based on the provided $input data. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$input |
array | Yes | An array of data to process. | |
} |
public function bar_chart( $input = array() ) {
|
||||
Description: | Generates a bar chart based on the provided $input data. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$input |
array | Yes | An array of data to process. | |
} |
public function polar_chart( $input = array() ) {
|
||||
Description: | Generates a polar area chart based on the provided $input data. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$input |
array | Yes | An array of data to process. | |
} |
public function radar_chart( $input = array() ) {
|
||||
Description: | Generates a radar chart based on the provided $input data. | |||
---|---|---|---|---|
Variable | Type | Required | Description | |
$input |
array | Yes | An array of data to process. | |
} |
Object Example
myCRED_Chart Object ( [args] => Array ( [type] => pie [color] => [animate] => true [bezier] => true [x_labels] => true [legend] => true [title] => [width] => [height] => 250 [label_max] => 20 ) [point_types] => Array ( [mycred_default] => myCRED_Point_Type Object ( [cred_id] => mycred_deed [singular] => Deed [plural] => Deeds [prefix] => [suffix] => de. [format] => Array ( [type] => bigint [decimals] => 0 [separators] => Array ( [decimal] => . [thousand] => , ) ) [lowest_value] => 1 ) ) [point_colors] => Array ( [mycred_default] => Array ( [positive] => #dedede [negative] => #ddd000 ) ) [date_format] => Y-m-d [time_format] => H:i )
}