igniteui-react-charts
Version:
Ignite UI React charting components for building rich data visualizations using TypeScript APIs.
771 lines (765 loc) • 20.4 kB
JavaScript
import { HorizontalAlignment_$type } from "igniteui-react-core";
import { VerticalAlignment_$type } from "igniteui-react-core";
import { Visibility_$type } from "igniteui-react-core";
import { ValueAxisLabelLocation_$type } from "./ValueAxisLabelLocation";
import { AngleAxisLabelLocation_$type } from "./AngleAxisLabelLocation";
import { IgrDomainChart } from "./igr-domain-chart";
import { brushToString, stringToBrush, ensureBool, ensureEnum, arrayFindByName } from "igniteui-react-core";
/**
* Represents a base class for domain charts with X/Y axes
*/
export class IgrRadialBaseChart extends IgrDomainChart {
/**
* @hidden
*/
get i() {
return this._implementation;
}
constructor(props) {
super(props);
}
/**
* Gets or sets function which takes an context object and returns a formatted label for the X-axis.
*/
get angleAxisFormatLabel() {
return this.i.aau;
}
set angleAxisFormatLabel(v) {
this.i.aau = v;
}
/**
* Gets or sets function which takes a context object and returns a formatted label for the Y-axis.
*/
get valueAxisFormatLabel() {
return this.i.aav;
}
set valueAxisFormatLabel(v) {
this.i.aav = v;
}
/**
* Gets or sets the left margin of labels on the X-axis
*/
get angleAxisLabelLeftMargin() {
return this.i.ab5;
}
set angleAxisLabelLeftMargin(v) {
this.i.ab5 = +v;
}
/**
* Gets or sets the top margin of labels on the X-axis
*/
get angleAxisLabelTopMargin() {
return this.i.ab7;
}
set angleAxisLabelTopMargin(v) {
this.i.ab7 = +v;
}
/**
* Gets or sets the right margin of labels on the X-axis
*/
get angleAxisLabelRightMargin() {
return this.i.ab6;
}
set angleAxisLabelRightMargin(v) {
this.i.ab6 = +v;
}
/**
* Gets or sets the bottom margin of labels on the X-axis
*/
get angleAxisLabelBottomMargin() {
return this.i.ab4;
}
set angleAxisLabelBottomMargin(v) {
this.i.ab4 = +v;
}
/**
* Gets or sets the left margin of labels on the Y-axis
*/
get valueAxisLabelLeftMargin() {
return this.i.acq;
}
set valueAxisLabelLeftMargin(v) {
this.i.acq = +v;
}
/**
* Gets or sets the top margin of labels on the Y-axis
*/
get valueAxisLabelTopMargin() {
return this.i.acs;
}
set valueAxisLabelTopMargin(v) {
this.i.acs = +v;
}
/**
* Gets or sets the right margin of labels on the Y-axis
*/
get valueAxisLabelRightMargin() {
return this.i.acr;
}
set valueAxisLabelRightMargin(v) {
this.i.acr = +v;
}
/**
* Gets or sets the bottom margin of labels on the Y-axis
*/
get valueAxisLabelBottomMargin() {
return this.i.acp;
}
set valueAxisLabelBottomMargin(v) {
this.i.acp = +v;
}
/**
* Gets or sets color of labels on the X-axis
*/
get angleAxisLabelTextColor() {
return brushToString(this.i.agx);
}
set angleAxisLabelTextColor(v) {
this.i.agx = stringToBrush(v);
}
/**
* Gets or sets color of labels on the Y-axis
*/
get valueAxisLabelTextColor() {
return brushToString(this.i.ag4);
}
set valueAxisLabelTextColor(v) {
this.i.ag4 = stringToBrush(v);
}
/**
* Gets the actual color of labels on the X-axis
*/
get actualAngleAxisLabelTextColor() {
return brushToString(this.i.agv);
}
set actualAngleAxisLabelTextColor(v) {
this.i.agv = stringToBrush(v);
}
/**
* Gets the actual color of labels on the Y-axis
*/
get actualValueAxisLabelTextColor() {
return brushToString(this.i.agw);
}
set actualValueAxisLabelTextColor(v) {
this.i.agw = stringToBrush(v);
}
/**
* Gets or sets the margin around a title on the X-axis
*/
get angleAxisTitleMargin() {
return this.i.acg;
}
set angleAxisTitleMargin(v) {
this.i.acg = +v;
}
/**
* Gets or sets the margin around a title on the Y-axis
*/
get valueAxisTitleMargin() {
return this.i.ac1;
}
set valueAxisTitleMargin(v) {
this.i.ac1 = +v;
}
/**
* Gets or sets the left margin of a title on the X-axis
*/
get angleAxisTitleLeftMargin() {
return this.i.acf;
}
set angleAxisTitleLeftMargin(v) {
this.i.acf = +v;
}
/**
* Gets or sets the left margin of a title on the Y-axis
*/
get valueAxisTitleLeftMargin() {
return this.i.ac0;
}
set valueAxisTitleLeftMargin(v) {
this.i.ac0 = +v;
}
/**
* Gets or sets the top margin of a title on the X-axis
*/
get angleAxisTitleTopMargin() {
return this.i.aci;
}
set angleAxisTitleTopMargin(v) {
this.i.aci = +v;
}
/**
* Gets or sets the top margin of a title on the Y-axis
*/
get valueAxisTitleTopMargin() {
return this.i.ac3;
}
set valueAxisTitleTopMargin(v) {
this.i.ac3 = +v;
}
/**
* Gets or sets the right margin of a title on the X-axis
*/
get angleAxisTitleRightMargin() {
return this.i.ach;
}
set angleAxisTitleRightMargin(v) {
this.i.ach = +v;
}
/**
* Gets or sets the right margin of a title on the Y-axis
*/
get valueAxisTitleRightMargin() {
return this.i.ac2;
}
set valueAxisTitleRightMargin(v) {
this.i.ac2 = +v;
}
/**
* Gets or sets the bottom margin of a title on the X-axis
*/
get angleAxisTitleBottomMargin() {
return this.i.ace;
}
set angleAxisTitleBottomMargin(v) {
this.i.ace = +v;
}
/**
* Gets or sets the bottom margin of a title on the Y-axis
*/
get valueAxisTitleBottomMargin() {
return this.i.acz;
}
set valueAxisTitleBottomMargin(v) {
this.i.acz = +v;
}
/**
* Gets or sets color of title on the X-axis
*/
get angleAxisTitleTextColor() {
return brushToString(this.i.ag3);
}
set angleAxisTitleTextColor(v) {
this.i.ag3 = stringToBrush(v);
}
/**
* Gets or sets color of title on the Y-axis
*/
get valueAxisTitleTextColor() {
return brushToString(this.i.aha);
}
set valueAxisTitleTextColor(v) {
this.i.aha = stringToBrush(v);
}
/**
* Gets or sets CSS font property for labels on X-axis
*/
get angleAxisLabelTextStyle() {
return this.i.adw;
}
set angleAxisLabelTextStyle(v) {
this.i.adw = v;
}
/**
* Gets or sets CSS font property for labels on Y-axis
*/
get valueAxisLabelTextStyle() {
return this.i.ae2;
}
set valueAxisLabelTextStyle(v) {
this.i.ae2 = v;
}
/**
* Gets or sets CSS font property for title on X-axis
*/
get angleAxisTitleTextStyle() {
return this.i.aek;
}
set angleAxisTitleTextStyle(v) {
this.i.aek = v;
}
/**
* Gets or sets CSS font property for title on Y-axis
*/
get valueAxisTitleTextStyle() {
return this.i.afq;
}
set valueAxisTitleTextStyle(v) {
this.i.afq = v;
}
/**
* Gets or sets the format for labels along the X-axis.
*/
get angleAxisLabel() {
return this.i.ac6;
}
set angleAxisLabel(v) {
this.i.ac6 = v;
}
/**
* Gets or sets the property or string from which the labels are derived.
*/
get valueAxisLabel() {
return this.i.ac7;
}
set valueAxisLabel(v) {
this.i.ac7 = v;
}
/**
* Gets or sets the color to apply to major gridlines along the X-axis.
*/
get angleAxisMajorStroke() {
return brushToString(this.i.agy);
}
set angleAxisMajorStroke(v) {
this.i.agy = stringToBrush(v);
}
/**
* Gets or sets the color to apply to major gridlines along the Y-axis.
*/
get valueAxisMajorStroke() {
return brushToString(this.i.ag5);
}
set valueAxisMajorStroke(v) {
this.i.ag5 = stringToBrush(v);
}
/**
* Gets or sets the thickness to apply to major gridlines along the X-axis.
*/
get angleAxisMajorStrokeThickness() {
return this.i.ab8;
}
set angleAxisMajorStrokeThickness(v) {
this.i.ab8 = +v;
}
/**
* Gets or sets the thickness to apply to major gridlines along the Y-axis.
*/
get valueAxisMajorStrokeThickness() {
return this.i.act;
}
set valueAxisMajorStrokeThickness(v) {
this.i.act = +v;
}
/**
* Gets or sets the thickness to apply to minor gridlines along the X-axis.
*/
get angleAxisMinorStrokeThickness() {
return this.i.ab9;
}
set angleAxisMinorStrokeThickness(v) {
this.i.ab9 = +v;
}
/**
* Gets or sets the thickness to apply to minor gridlines along the Y-axis.
*/
get valueAxisMinorStrokeThickness() {
return this.i.acu;
}
set valueAxisMinorStrokeThickness(v) {
this.i.acu = +v;
}
/**
* Gets or sets the color to apply to stripes along the X-axis.
*/
get angleAxisStrip() {
return brushToString(this.i.ag0);
}
set angleAxisStrip(v) {
this.i.ag0 = stringToBrush(v);
}
/**
* Gets or sets the color to apply to stripes along the Y-axis.
*/
get valueAxisStrip() {
return brushToString(this.i.ag7);
}
set valueAxisStrip(v) {
this.i.ag7 = stringToBrush(v);
}
/**
* Gets or sets the color to apply to the X-axis line.
*/
get angleAxisStroke() {
return brushToString(this.i.ag1);
}
set angleAxisStroke(v) {
this.i.ag1 = stringToBrush(v);
}
/**
* Gets or sets the color to apply to the Y-axis line.
*/
get valueAxisStroke() {
return brushToString(this.i.ag8);
}
set valueAxisStroke(v) {
this.i.ag8 = stringToBrush(v);
}
/**
* Gets or sets the thickness to apply to the X-axis line.
*/
get angleAxisStrokeThickness() {
return this.i.aca;
}
set angleAxisStrokeThickness(v) {
this.i.aca = +v;
}
/**
* Gets or sets the thickness to apply to the Y-axis line.
*/
get valueAxisStrokeThickness() {
return this.i.acv;
}
set valueAxisStrokeThickness(v) {
this.i.acv = +v;
}
/**
* Gets or sets the length of tickmarks along the X-axis.
*/
get angleAxisTickLength() {
return this.i.acb;
}
set angleAxisTickLength(v) {
this.i.acb = +v;
}
/**
* Gets or sets the length of tickmarks along the Y-axis.
*/
get valueAxisTickLength() {
return this.i.acw;
}
set valueAxisTickLength(v) {
this.i.acw = +v;
}
/**
* Gets or sets the color to apply to tickmarks along the X-axis.
*/
get angleAxisTickStroke() {
return brushToString(this.i.ag2);
}
set angleAxisTickStroke(v) {
this.i.ag2 = stringToBrush(v);
}
/**
* Gets or sets the color to apply to tickmarks along the Y-axis.
*/
get valueAxisTickStroke() {
return brushToString(this.i.ag9);
}
set valueAxisTickStroke(v) {
this.i.ag9 = stringToBrush(v);
}
/**
* Gets or sets the thickness to apply to tickmarks along the X-axis.
*/
get angleAxisTickStrokeThickness() {
return this.i.acc;
}
set angleAxisTickStrokeThickness(v) {
this.i.acc = +v;
}
/**
* Gets or sets the thickness to apply to tickmarks along the Y-axis.
*/
get valueAxisTickStrokeThickness() {
return this.i.acx;
}
set valueAxisTickStrokeThickness(v) {
this.i.acx = +v;
}
/**
* Gets or sets the Text to display below the X-axis.
*/
get angleAxisTitle() {
return this.i.aeb;
}
set angleAxisTitle(v) {
this.i.aeb = v;
}
/**
* Gets or sets the Text to display to the left of the Y-axis.
*/
get valueAxisTitle() {
return this.i.afh;
}
set valueAxisTitle(v) {
this.i.afh = v;
}
/**
* Gets or sets the color to apply to minor gridlines along the X-axis.
*/
get angleAxisMinorStroke() {
return brushToString(this.i.agz);
}
set angleAxisMinorStroke(v) {
this.i.agz = stringToBrush(v);
}
/**
* Gets or sets the color to apply to minor gridlines along the Y-axis.
*/
get valueAxisMinorStroke() {
return brushToString(this.i.ag6);
}
set valueAxisMinorStroke(v) {
this.i.ag6 = stringToBrush(v);
}
/**
* Gets or sets the angle of rotation for labels along the X-axis.
*/
get angleAxisLabelAngle() {
return this.i.ab3;
}
set angleAxisLabelAngle(v) {
this.i.ab3 = +v;
}
/**
* Gets or sets the angle of rotation for labels along the Y-axis.
*/
get valueAxisLabelAngle() {
return this.i.aco;
}
set valueAxisLabelAngle(v) {
this.i.aco = +v;
}
/**
* Gets or sets the distance between the X-axis and the bottom of the chart.
*/
get angleAxisExtent() {
return this.i.ab2;
}
set angleAxisExtent(v) {
this.i.ab2 = +v;
}
/**
* Gets or sets the distance between the Y-axis and the left edge of the chart.
*/
get valueAxisExtent() {
return this.i.acn;
}
set valueAxisExtent(v) {
this.i.acn = +v;
}
/**
* Gets or sets the angle of rotation for the X-axis title.
*/
get angleAxisTitleAngle() {
return this.i.acd;
}
set angleAxisTitleAngle(v) {
this.i.acd = +v;
}
/**
* Gets or sets the angle of rotation for the Y-axis title.
*/
get valueAxisTitleAngle() {
return this.i.acy;
}
set valueAxisTitleAngle(v) {
this.i.acy = +v;
}
/**
* Gets or sets whether to invert the direction of the X-axis by placing the first data items on the right side of the chart.
*/
get angleAxisInverted() {
return this.i.aa2;
}
set angleAxisInverted(v) {
this.i.aa2 = ensureBool(v);
}
/**
* Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.
*/
get valueAxisInverted() {
return this.i.aa3;
}
set valueAxisInverted(v) {
this.i.aa3 = ensureBool(v);
}
/**
* Gets or sets Horizontal alignment of the X-axis title.
*/
get angleAxisTitleAlignment() {
return this.i.agd;
}
set angleAxisTitleAlignment(v) {
this.i.agd = ensureEnum(HorizontalAlignment_$type, v);
}
/**
* Gets or sets Vertical alignment of the Y-axis title.
*/
get valueAxisTitleAlignment() {
return this.i.ahg;
}
set valueAxisTitleAlignment(v) {
this.i.ahg = ensureEnum(VerticalAlignment_$type, v);
}
/**
* Gets or sets Horizontal alignment of X-axis labels.
*/
get angleAxisLabelHorizontalAlignment() {
return this.i.agc;
}
set angleAxisLabelHorizontalAlignment(v) {
this.i.agc = ensureEnum(HorizontalAlignment_$type, v);
}
/**
* Gets or sets Horizontal alignment of Y-axis labels.
*/
get valueAxisLabelHorizontalAlignment() {
return this.i.age;
}
set valueAxisLabelHorizontalAlignment(v) {
this.i.age = ensureEnum(HorizontalAlignment_$type, v);
}
/**
* Gets or sets Vertical alignment of X-axis labels.
*/
get angleAxisLabelVerticalAlignment() {
return this.i.ahe;
}
set angleAxisLabelVerticalAlignment(v) {
this.i.ahe = ensureEnum(VerticalAlignment_$type, v);
}
/**
* Gets or sets Vertical alignment of Y-axis labels.
*/
get valueAxisLabelVerticalAlignment() {
return this.i.ahf;
}
set valueAxisLabelVerticalAlignment(v) {
this.i.ahf = ensureEnum(VerticalAlignment_$type, v);
}
/**
* Gets or sets Visibility of X-axis labels.
*/
get angleAxisLabelVisibility() {
return this.i.ahj;
}
set angleAxisLabelVisibility(v) {
this.i.ahj = ensureEnum(Visibility_$type, v);
}
/**
* Gets or sets Visibility of Y-axis labels.
*/
get valueAxisLabelVisibility() {
return this.i.ahk;
}
set valueAxisLabelVisibility(v) {
this.i.ahk = ensureEnum(Visibility_$type, v);
}
/**
* Gets or sets location of Y-axis labels, relative to the plot area.
*/
get valueAxisLabelLocation() {
return this.i.aaz;
}
set valueAxisLabelLocation(v) {
this.i.aaz = ensureEnum(ValueAxisLabelLocation_$type, v);
}
/**
* Gets or sets location of X-axis labels, relative to the plot area.
*/
get angleAxisLabelLocation() {
return this.i.aap;
}
set angleAxisLabelLocation(v) {
this.i.aap = ensureEnum(AngleAxisLabelLocation_$type, v);
}
/**
* Gets or sets the format string for the X axis label.
*/
get angleAxisLabelFormat() {
return this.i.adn;
}
set angleAxisLabelFormat(v) {
this.i.adn = v;
}
/**
* Gets or sets the format specifiers to use with the AngleAxisLabelFormat string.
*/
get angleAxisLabelFormatSpecifiers() {
return this.i.aam;
}
set angleAxisLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.aam = v;
}
/**
* Gets or sets the format string for the Y axis label.
*/
get valueAxisLabelFormat() {
return this.i.aet;
}
set valueAxisLabelFormat(v) {
this.i.aet = v;
}
/**
* Gets or sets the format specifiers to use with the ValueAxisLabelFormat string.
*/
get valueAxisLabelFormatSpecifiers() {
return this.i.aan;
}
set valueAxisLabelFormatSpecifiers(v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
const re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.aan = v;
}
findByName(name) {
var baseResult = super.findByName(name);
if (baseResult) {
return baseResult;
}
if (this.angleAxisLabelFormatSpecifiers != null && arrayFindByName(this.angleAxisLabelFormatSpecifiers, name)) {
return arrayFindByName(this.angleAxisLabelFormatSpecifiers, name);
}
if (this.valueAxisLabelFormatSpecifiers != null && arrayFindByName(this.valueAxisLabelFormatSpecifiers, name)) {
return arrayFindByName(this.valueAxisLabelFormatSpecifiers, name);
}
return null;
}
/**
* Called by the UI framework to provide a UI container for rendering this control.
* @param container * The UI container element.
*/
provideContainer(container) {
this.i.provideContainer(container);
}
/**
* Converts the given visual location to a data value.
* @param unscaledValue * The x-coordinate of the location to scale.
*/
getScaledAngle(unscaledValue) {
let iv = this.i.acj(unscaledValue);
return (iv);
}
/**
* Converts the given data value to a visual location.
* @param scaledValue * The data value to un-scale.
*/
getUnscaledAngle(scaledValue) {
let iv = this.i.acl(scaledValue);
return (iv);
}
/**
* Converts the given visual location to a data value.
* @param unscaledValue * The y-coordinate of the location to scale.
*/
getScaledValue(unscaledValue) {
let iv = this.i.ack(unscaledValue);
return (iv);
}
/**
* Converts the given data value to a visual location.
* @param scaledValue * The data value to un-scale.
*/
getUnscaledValue(scaledValue) {
let iv = this.i.acm(scaledValue);
return (iv);
}
}