File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import { RectangleSeries } from "./RectangleSeries";
import { Template } from "../../../core/util/Template";
import { ListTemplate } from "../../../core/util/List";
import { Label } from "../../../core/render/Label";
import { DataItem } from "../../../core/render/Component";
import { RoundedRectangle } from "../../../core/render/RoundedRectangle";
import * as $type from "../../../core/util/Type";
export class Measure extends RectangleSeries {
constructor() {
super(...arguments);
Object.defineProperty(this, "_lines", {
enumerable: true,
configurable: true,
writable: true,
value: []
});
Object.defineProperty(this, "_labels", {
enumerable: true,
configurable: true,
writable: true,
value: []
});
Object.defineProperty(this, "_tag", {
enumerable: true,
configurable: true,
writable: true,
value: "measure"
});
/**
* A list of labels.
*
* `labels.template` can be used to configure axis labels.
*
* @default new ListTemplate<Label>
*/
Object.defineProperty(this, "labels", {
enumerable: true,
configurable: true,
writable: true,
value: new ListTemplate(Template.new({}), () => Label._new(this._root, {}, [this.labels.template]))
});
}
_afterNew() {
super._afterNew();
this.set("snapToData", true);
this.strokes.template.set("templateField", undefined);
this.fills.template.set("templateField", undefined);
}
/**
* @ignore
*/
makeLabel() {
const label = this.labels.make();
this.bulletsContainer.children.push(label);
label.setAll({
populateText: true,
background: RoundedRectangle.new(this._root, { themeTags: ["background"] })
});
label._setDataItem(new DataItem(this, {}, {}));
this.labels.push(label);
return label;
}
_createElements(index) {
super._createElements(index);
if (!this._labels[index]) {
const label = this.makeLabel();
this._labels[index] = label;
}
}
_disposeIndex(index) {
super._disposeIndex(index);
const label = this._labels[index];
if (label) {
label.dispose();
delete (this._labels[index]);
}
const line = this._lines[index];
if (line) {
line.dispose();
delete (this._lines[index]);
}
}
_updateOthers(index, fillGraphics, p1, p2) {
const xAxis = this.get("xAxis");
const panel = xAxis.chart;
const line = this._lines[index];
let positiveColor = this._root.interfaceColors.get("positive");
let negativeColor = this._root.interfaceColors.get("negative");
const stockChart = panel.getPrivate("stockChart");
let volumeSeries;
if (stockChart) {
positiveColor = stockChart.get("stockPositiveColor", positiveColor);
negativeColor = stockChart.get("stockNegativeColor", negativeColor);
volumeSeries = stockChart.get("volumeSeries");
}
let ix = 1;
if (p1.x > p2.x) {
ix = -1;
}
const label = this._labels[index];
const labelBg = label.get("background");
const diP1 = this._di[index]["p1"];
const diP2 = this._di[index]["p2"];
let color = positiveColor;
let iy = 1;
if (p1.y > p2.y) {
iy = -1;
color = negativeColor;
}
fillGraphics.set("fill", color);
line.set("stroke", color);
labelBg.set("fill", color);
this.outerCircles.each((outerCircle) => {
outerCircle.set("stroke", color);
});
const mx = p1.x + (p2.x - p1.x) / 2;
const my = p1.y + (p2.y - p1.y) / 2;
line.set("segments", [[[{ x: mx, y: p1.y }, { x: mx, y: p2.y }]], [[{ x: mx - 5, y: p2.y - 5 * iy }, { x: mx, y: p2.y }, { x: mx + 5, y: p2.y - 5 * iy }]], [[{ x: p1.x, y: my }, { x: p2.x, y: my }]], [[{ x: p2.x - 5 * ix, y: my - 5 }, { x: p2.x, y: my }, { x: p2.x - 5 * ix, y: my + 5 }]]]);
const value1 = diP1.get("valueY", 0);
const value2 = diP2.get("valueY", 0);
const numberFormatter = this.getNumberFormatter();
const value = numberFormatter.format((value2 - value1));
const percent = numberFormatter.format((value2 - value1) / value1 * 100) + "%";
const baseInterval = xAxis.getPrivate("baseInterval");
const time1 = diP1.get("valueX", 0);
const time2 = diP2.get("valueX", 0);
const series = this.get("series");
let count = 0;
if (series) {
const di1 = xAxis.getSeriesItem(series, xAxis.valueToPosition(time1));
const di2 = xAxis.getSeriesItem(series, xAxis.valueToPosition(time2));
if (di1 && di2) {
count = series.dataItems.indexOf(di2) - series.dataItems.indexOf(di1) + 1;
if (this.get("snapToData")) {
count--;
}
}
}
let intervalCount = Math.ceil((time2 - time1) / xAxis.baseDuration() * baseInterval.count);
if (intervalCount < count) {
intervalCount = count;
}
let volume = 0;
if (volumeSeries) {
const div1 = xAxis.getSeriesItem(volumeSeries, xAxis.valueToPosition(time1));
const div2 = xAxis.getSeriesItem(volumeSeries, xAxis.valueToPosition(time2));
if (div1 && div2) {
const dataItems = volumeSeries.dataItems;
let i1 = dataItems.indexOf(div1);
let i2 = dataItems.indexOf(div2);
if (i1 > i2) {
[i1, i2] = [i2, i1];
}
for (let i = i1; i < i2; i++) {
const dataItem = dataItems[i];
if (dataItem) {
const value = dataItem.get("valueY");
if ($type.isNumber(value)) {
volume += value;
}
}
}
}
}
let text = this.get("labelText", "");
if (volume > 0) {
text += this.get("labelVolumeText");
}
const unitNames = {
millisecond: "ms",
second: "s",
minute: "m",
hour: "h",
day: "d",
week: "wk",
month: "mo",
year: "y"
};
label.dataItem.dataContext = {
value: value,
percent: percent,
count: count,
intervalCount: intervalCount,
intervalUnit: this._root.language.translateAny(unitNames[baseInterval.timeUnit]),
volume: volume
};
label.setAll({
text: text,
x: mx,
y: my
});
label.text.markDirtyText();
}
}
Object.defineProperty(Measure, "className", {
enumerable: true,
configurable: true,
writable: true,
value: "Measure"
});
Object.defineProperty(Measure, "classNames", {
enumerable: true,
configurable: true,
writable: true,
value: RectangleSeries.classNames.concat([Measure.className])
});
//# sourceMappingURL=Measure.js.map