Browse Source

debut

merge-requests/1/merge
rozetko 3 years ago
parent
commit
7c5b01caea
  1. 3
      dist/index.d.ts
  2. 2
      dist/index.js
  3. 24
      src/index.ts

3
dist/index.d.ts vendored

@ -1,8 +1,11 @@
import { GaugeTimeSerie, GaugeOptions, Stat } from './types';
import { ChartwerkPod } from '@chartwerk/core';
export declare class ChartwerkGaugePod extends ChartwerkPod<GaugeTimeSerie, GaugeOptions> {
lastHeight: number;
lastWidth: number;
constructor(el: HTMLElement, _series?: GaugeTimeSerie[], _options?: GaugeOptions);
renderMetrics(): void;
_waitForLoadAndRender(): void;
get _gaugeTransform(): string;
get _gaugeCenter(): string;
get _minWH(): number;

2
dist/index.js vendored

File diff suppressed because one or more lines are too long

24
src/index.ts

@ -51,6 +51,9 @@ const DEFAULT_GAUGE_OPTIONS: GaugeOptions = {
};
export class ChartwerkGaugePod extends ChartwerkPod<GaugeTimeSerie, GaugeOptions> {
lastHeight = -1;
lastWidth = -1;
constructor(el: HTMLElement, _series: GaugeTimeSerie[] = [], _options: GaugeOptions = {}) {
super(
d3, el, _series,
@ -64,9 +67,21 @@ export class ChartwerkGaugePod extends ChartwerkPod<GaugeTimeSerie, GaugeOptions
return;
}
this._renderValueArc();
this._renderThresholdArc();
this._renderValue();
this._waitForLoadAndRender();
}
_waitForLoadAndRender(): void {
if(this.width !== this.lastWidth && this.height !== this.lastHeight) {
this.lastWidth = this.width;
this.lastHeight = this.height;
setTimeout(() => {
this._waitForLoadAndRender();
}, 500);
} else {
this._renderValueArc();
this._renderThresholdArc();
this._renderValue();
}
}
get _gaugeTransform(): string {
@ -78,9 +93,6 @@ export class ChartwerkGaugePod extends ChartwerkPod<GaugeTimeSerie, GaugeOptions
}
get _minWH(): number {
console.log(this.width, this.height);
console.log(this.d3Node.node().offsetWidth, this.d3Node.node().offsetHeight)
console.log(this.d3Node)
return _.min([0.6 * this.width, this.height]);
}

Loading…
Cancel
Save