rex_canvas_chart_radar
Introduction
Draw a radar chart on the canvas object. i.e. it is a behavior of canvas plugin.
Reference from Chart.js.
Draw a radar chart on the canvas object. i.e. it is a behavior of canvas plugin.
Reference from Chart.js.
Data in this chart had 2 dimensions - datasets (row), and labels (column). Drawing the radar chart follows these steps -
- Call "Action:Add label" to add labels, and "Action:Add dataset" to add datasets.
- Call "Action:Set data" to set data indexed by dataset and label.
- Call "Action:Draw" to draw this chart.
Reset chart
Call "Action:Clean all labels" or "Action:Clean all datasets" to clean the labels or datasets, then call "Action:Add label" or "Action:Add dataset" to add new labels an datasets. "Action:Clean all data" could clean all data.
Call "Action:Clean all labels" or "Action:Clean all datasets" to clean the labels or datasets, then call "Action:Add label" or "Action:Add dataset" to add new labels an datasets. "Action:Clean all data" could clean all data.
Configure
There are some configurations in properties table, which could set the color, line width, stroke width, or font. Or change them at runtime by actions.
There are some configurations in properties table, which could set the color, line width, stroke width, or font. Or change them at runtime by actions.
Animation
It also has a tween animation for drawing chart. Set "Animation" to "Yes", and give a "Duration" in properties table to turn on it. When drawing finished, "Condition:On drawing finished" will be triggered.
It is better to turn the animation off in cocoonJS environment.
It also has a tween animation for drawing chart. Set "Animation" to "Yes", and give a "Duration" in properties table to turn on it. When drawing finished, "Condition:On drawing finished" will be triggered.
It is better to turn the animation off in cocoonJS environment.