igniteui-react-charts
Version:
Ignite UI React charting components for building rich data visualizations using TypeScript APIs.
496 lines (486 loc) • 17.1 kB
JavaScript
import { delegateCombine, delegateRemove } from "igniteui-react-core";
import { RadialLabelMode_$type } from "igniteui-react-core";
import { CategoryCollisionMode_$type } from "./CategoryCollisionMode";
import { CategoryTransitionInMode_$type } from "./CategoryTransitionInMode";
import { IgrCategoryAngleAxis } from "./igr-category-angle-axis";
import { IgrNumericRadiusAxis } from "./igr-numeric-radius-axis";
import { IgrAssigningRadialStyleEventArgs } from "./igr-assigning-radial-style-event-args";
import { IgrAssigningRadialMarkerStyleEventArgs } from "./igr-assigning-radial-marker-style-event-args";
import { IgrMarkerSeries } from "./igr-marker-series";
import { ensureEnum, ensureBool, arrayFindByName, toPoint } from "igniteui-react-core";
/**
* Represents the base class for all IgxDataChartComponent radial series
*/
export class IgrRadialBase extends IgrMarkerSeries {
/**
* @hidden
*/
get i() {
return this._implementation;
}
constructor(props) {
super(props);
this._angleAxisName = null;
this._valueAxisName = null;
this._assigningRadialStyle = null;
this._assigningRadialStyle_wrapped = null;
this._assigningRadialMarkerStyle = null;
this._assigningRadialMarkerStyle_wrapped = null;
}
/**
* Gets or sets the format string to use for the auto callout labels for the others category.
*/
get autoCalloutLabelPrecision() {
return this.i.aad;
}
set autoCalloutLabelPrecision(v) {
this.i.aad = +v;
}
/**
* Gets or sets the format string to use for the auto callout labels for the others category.
*/
get autoCalloutPercentagePrecision() {
return this.i.aae;
}
set autoCalloutPercentagePrecision(v) {
this.i.aae = +v;
}
/**
* Gets or sets the labelling mode to use for the auto callouts in preference to their mode.
*/
get autoCalloutLabelValueSeparator() {
return this.i.aam;
}
set autoCalloutLabelValueSeparator(v) {
this.i.aam = v;
}
/**
* Gets or sets the labelling mode to use for the auto callouts in preference to their mode.
*/
get legendRadialLabelMode() {
return this.i.zo;
}
set legendRadialLabelMode(v) {
this.i.zo = ensureEnum(RadialLabelMode_$type, v);
}
/**
* Gets or sets the category collision mode selection behavior to use for the series.
*/
get categoryCollisionMode() {
return this.i.zb;
}
set categoryCollisionMode(v) {
this.i.zb = ensureEnum(CategoryCollisionMode_$type, v);
}
/**
* Gets or sets the labelling mode to use for the auto callouts in preference to their mode.
*/
get autoCalloutRadialLabelMode() {
return this.i.zn;
}
set autoCalloutRadialLabelMode(v) {
this.i.zn = ensureEnum(RadialLabelMode_$type, v);
}
/**
* Gets or sets the format string to use for the auto callout labels for the others category.
*/
get autoCalloutOthersLabelFormat() {
return this.i.aao;
}
set autoCalloutOthersLabelFormat(v) {
this.i.aao = v;
}
/**
* Gets or sets the format specifiers to use with the auto callouts for the others category.
*/
get autoCalloutOthersLabelFormatSpecifiers() {
return this.i.yx;
}
set autoCalloutOthersLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.yx = v;
}
/**
* Gets or sets the format string to use for the auto callout labels for the others category.
*/
get proportionalRadialLabelFormat() {
return this.i.abb;
}
set proportionalRadialLabelFormat(v) {
this.i.abb = v;
}
/**
* Gets or sets the format specifiers to use with the auto callouts for the others category.
*/
get proportionalRadialLabelFormatSpecifiers() {
return this.i.y2;
}
set proportionalRadialLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.y2 = v;
}
/**
* Gets or sets the format string to use for the auto callout labels for the others category.
*/
get legendProportionalRadialLabelFormat() {
return this.i.aa1;
}
set legendProportionalRadialLabelFormat(v) {
this.i.aa1 = v;
}
/**
* Gets or sets the format specifiers to use with the auto callouts for the others category.
*/
get legendProportionalRadialLabelFormatSpecifiers() {
return this.i.yz;
}
set legendProportionalRadialLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.yz = v;
}
/**
* Gets or sets the format string to use for the auto callout labels for the others category.
*/
get othersProportionalRadialLabelFormat() {
return this.i.aa8;
}
set othersProportionalRadialLabelFormat(v) {
this.i.aa8 = v;
}
/**
* Gets or sets the format specifiers to use with the auto callouts for the others category.
*/
get othersProportionalRadialLabelFormatSpecifiers() {
return this.i.y1;
}
set othersProportionalRadialLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.y1 = v;
}
/**
* Gets or sets the format string to use for the auto callout labels for the others category.
*/
get othersLegendProportionalRadialLabelFormat() {
return this.i.aa5;
}
set othersLegendProportionalRadialLabelFormat(v) {
this.i.aa5 = v;
}
/**
* Gets or sets the format specifiers to use with the auto callouts for the others category.
*/
get othersLegendProportionalRadialLabelFormatSpecifiers() {
return this.i.y0;
}
set othersLegendProportionalRadialLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.y0 = v;
}
/**
* Checks if this series is a radial series
*/
get isRadial() {
return this.i.fu;
}
/**
* Gets or sets whether this Radial series should allow custom style overrides of its individual visuals.
*/
get isCustomRadialStyleAllowed() {
return this.i.z1;
}
set isCustomRadialStyleAllowed(v) {
this.i.z1 = ensureBool(v);
}
/**
* Gets or sets whether this Radial series should allow custom style overrides of its individual marker visuals.
*/
get isCustomRadialMarkerStyleAllowed() {
return this.i.z0;
}
set isCustomRadialMarkerStyleAllowed(v) {
this.i.z0 = ensureBool(v);
}
/**
* Gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
* Note: Transitions are not currently supported for stacked series.
*/
get transitionInMode() {
return this.i.ze;
}
set transitionInMode(v) {
this.i.ze = ensureEnum(CategoryTransitionInMode_$type, v);
}
/**
* Gets or sets whether the series should transition into the plot area when a new data source is assigned.
* Note: Transitions are not currently supported for stacked series.
*/
get isTransitionInEnabled() {
return this.i.z2;
}
set isTransitionInEnabled(v) {
this.i.z2 = ensureBool(v);
}
/**
* Gets the effective angle axis for the current series object.
*/
get angleAxis() {
const r = this.i.za;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = IgrCategoryAngleAxis._createFromInternal(r);
if (e) {
e._implementation = r;
}
r.externalObject = e;
}
return r.externalObject;
}
set angleAxis(v) {
if (v != null && this._stylingContainer && v._styling)
v._styling(this._stylingContainer, this, this);
v == null ? this.i.za = null : this.i.za = v.i;
}
/**
* Gets or sets the name to use to resolve angleAxis from markup.
*/
get angleAxisName() {
return this._angleAxisName;
}
set angleAxisName(v) {
this._angleAxisName = v;
}
/**
* Gets the effective value axis for the current series object.
*/
get valueAxis() {
const r = this.i.zg;
if (r == null) {
return null;
}
if (!r.externalObject) {
let e = IgrNumericRadiusAxis._createFromInternal(r);
if (e) {
e._implementation = r;
}
r.externalObject = e;
}
return r.externalObject;
}
set valueAxis(v) {
if (v != null && this._stylingContainer && v._styling)
v._styling(this._stylingContainer, this, this);
v == null ? this.i.zg = null : this.i.zg = v.i;
}
/**
* Gets or sets the name to use to resolve valueAxis from markup.
*/
get valueAxisName() {
return this._valueAxisName;
}
set valueAxisName(v) {
this._valueAxisName = v;
}
/**
* Gets or sets whether to clip the series to the bounds.
* Setting this property to true will decrease chart performance.
*/
get clipSeriesToBounds() {
return this.i.zz;
}
set clipSeriesToBounds(v) {
this.i.zz = ensureBool(v);
}
bindAxes(axes) {
super.bindAxes(axes);
for (let i = 0; i < axes.length; i++) {
if (this.angleAxisName && this.angleAxisName.length > 0 &&
axes[i].name == this.angleAxisName) {
this.angleAxis = axes[i];
}
}
for (let i = 0; i < axes.length; i++) {
if (this.valueAxisName && this.valueAxisName.length > 0 &&
axes[i].name == this.valueAxisName) {
this.valueAxis = axes[i];
}
}
}
findByName(name) {
var baseResult = super.findByName(name);
if (baseResult) {
return baseResult;
}
if (this.autoCalloutOthersLabelFormatSpecifiers != null && arrayFindByName(this.autoCalloutOthersLabelFormatSpecifiers, name)) {
return arrayFindByName(this.autoCalloutOthersLabelFormatSpecifiers, name);
}
if (this.proportionalRadialLabelFormatSpecifiers != null && arrayFindByName(this.proportionalRadialLabelFormatSpecifiers, name)) {
return arrayFindByName(this.proportionalRadialLabelFormatSpecifiers, name);
}
if (this.legendProportionalRadialLabelFormatSpecifiers != null && arrayFindByName(this.legendProportionalRadialLabelFormatSpecifiers, name)) {
return arrayFindByName(this.legendProportionalRadialLabelFormatSpecifiers, name);
}
if (this.othersProportionalRadialLabelFormatSpecifiers != null && arrayFindByName(this.othersProportionalRadialLabelFormatSpecifiers, name)) {
return arrayFindByName(this.othersProportionalRadialLabelFormatSpecifiers, name);
}
if (this.othersLegendProportionalRadialLabelFormatSpecifiers != null && arrayFindByName(this.othersLegendProportionalRadialLabelFormatSpecifiers, name)) {
return arrayFindByName(this.othersLegendProportionalRadialLabelFormatSpecifiers, name);
}
if (this.angleAxis && this.angleAxis.name && this.angleAxis.name == name) {
return this.angleAxis;
}
if (this.valueAxis && this.valueAxis.name && this.valueAxis.name == name) {
return this.valueAxis;
}
return null;
}
_styling(container, component, parent) {
super._styling(container, component, parent);
this._inStyling = true;
if (this.angleAxis && this.angleAxis._styling) {
this.angleAxis._styling(container, component, this);
}
if (this.valueAxis && this.valueAxis._styling) {
this.valueAxis._styling(container, component, this);
}
this._inStyling = false;
}
/**
* Determine if object can be used as ValueAxis
* @param axis * The object to check
*/
canUseAsValueAxis(axis) {
let iv = this.i.zy(axis);
return (iv);
}
/**
* Determine if object can be used as AngleAxis
* @param axis * The object to check
*/
canUseAsAngleAxis(axis) {
let iv = this.i.zx(axis);
return (iv);
}
/**
* Gets the item that is the best match for the specified world coordinates.
* @param world * The world coordinates to use.
*/
getItem(world) {
let iv = this.i.kr(toPoint(world));
return (iv);
}
/**
* Gets the angle to the provided world position from the center of the radial series.
* @param world * The world position to get the angle for
*/
getAngleFromWorld(world) {
let iv = this.i.z8(toPoint(world));
return (iv);
}
/**
* Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
* @param world * The world position for which to return the index.
*/
getExactItemIndex(world) {
let iv = this.i.it(toPoint(world));
return (iv);
}
/**
* Get the index of the item near the provided world coordinates.
* @param world * The world coordinates for which to getch the item index.
*/
getItemIndex(world) {
let iv = this.i.j7(toPoint(world));
return (iv);
}
/**
* Scrolls the specified item into the view.
* @param item * The item to scroll into view.
*/
scrollIntoView(item) {
let iv = this.i.ge(item);
return (iv);
}
/**
* Returns the offset value for this series if grouped on a category axis.
*/
getOffsetValue() {
let iv = this.i.getOffsetValue();
return (iv);
}
/**
* Returns the width of the category grouping this series is in.
*/
getCategoryWidth() {
let iv = this.i.getCategoryWidth();
return (iv);
}
/**
* Event raised when Assigning Category Style
*/
get assigningRadialStyle() {
return this._assigningRadialStyle;
}
set assigningRadialStyle(ev) {
if (this._assigningRadialStyle_wrapped !== null) {
this.i.assigningRadialStyle = delegateRemove(this.i.assigningRadialStyle, this._assigningRadialStyle_wrapped);
this._assigningRadialStyle_wrapped = null;
this._assigningRadialStyle = null;
}
this._assigningRadialStyle = ev;
this._assigningRadialStyle_wrapped = (o, e) => {
let outerArgs = new IgrAssigningRadialStyleEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeAssigningRadialStyle) {
this.beforeAssigningRadialStyle(this, outerArgs);
}
if (this._assigningRadialStyle) {
this._assigningRadialStyle(this, outerArgs);
}
};
this.i.assigningRadialStyle = delegateCombine(this.i.assigningRadialStyle, this._assigningRadialStyle_wrapped);
;
}
/**
* Event raised when Assigning Radial Marker Style
*/
get assigningRadialMarkerStyle() {
return this._assigningRadialMarkerStyle;
}
set assigningRadialMarkerStyle(ev) {
if (this._assigningRadialMarkerStyle_wrapped !== null) {
this.i.assigningRadialMarkerStyle = delegateRemove(this.i.assigningRadialMarkerStyle, this._assigningRadialMarkerStyle_wrapped);
this._assigningRadialMarkerStyle_wrapped = null;
this._assigningRadialMarkerStyle = null;
}
this._assigningRadialMarkerStyle = ev;
this._assigningRadialMarkerStyle_wrapped = (o, e) => {
let outerArgs = new IgrAssigningRadialMarkerStyleEventArgs();
outerArgs._provideImplementation(e);
if (this.beforeAssigningRadialMarkerStyle) {
this.beforeAssigningRadialMarkerStyle(this, outerArgs);
}
if (this._assigningRadialMarkerStyle) {
this._assigningRadialMarkerStyle(this, outerArgs);
}
};
this.i.assigningRadialMarkerStyle = delegateCombine(this.i.assigningRadialMarkerStyle, this._assigningRadialMarkerStyle_wrapped);
;
}
}