Type class
Represents a relative value (percent).
The Percent object, can be instantiated using two ways:
- Via
new Percent(X). - Via
am5.percent(X).
You can also use shortcut functions for 0%, 50%, and 100%:
am5.p0am5.p50am5.p100
Sources
Percent can be used (imported) via one of the following packages.
// Import Percent
import * as am5 from "@amcharts/amcharts5";
// Create Percent
am5.Percent.new(root, {
// ... config if applicable
});
<!-- Load Percent -->
<script src="index.js"></script>
<script>
// Create Percent
am5.Percent.new(root, {
// ... config if applicable
});
</script>
Inheritance
Percent does not extend any other symbol.
Percent is not extended by any other symbol.
Settings
Percent does not have any settings.
Private settings
Percent does not have any private settings.
Properties
|
percent # |
Type Value in percent. @readonly |
|---|---|
|
value # |
Type Relative value. E.g. 100% is 1, 50% is 0.5, etc. This is useful to apply transformations to other values. E.g.: let value = 256; let percent = new am5.p50; console.log(value * percent.value); // outputs 128 var value = 256; var percent = new am5.p50; console.log(value * percent.value); // outputs 128 Alternatively, you can use let value = 256; let percent = am5.p50; console.log(value * percent.value); // outputs 128 var value = 256; var percent = am5.p50; console.log(value * percent.value); // outputs 128 @readonly |
Methods
|
constructor( percent: ) |
Returns Constructor. |
|---|---|
|
interpolate( min: ) |
Returns |
|
normalize( percent: ) |
Static Returns |
|
toString() |
Returns |
Events
Percent does not have any events.