@meshmakers/octo-meshboard 3.4.270 → 3.4.290
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -14420,6 +14420,11 @@ class LineChartWidgetComponent {
|
|
|
14420
14420
|
const unit = this._seriesUnitMap().get(seriesName);
|
|
14421
14421
|
return unit ? ` ${unit}` : '';
|
|
14422
14422
|
}
|
|
14423
|
+
/** The downsampling min/max envelope is rendered as a separate `<name> (min/max)` rangeArea
|
|
14424
|
+
* series; it is excluded from the shared tooltip so only the actual value lines are listed. */
|
|
14425
|
+
isBandSeries(seriesName) {
|
|
14426
|
+
return seriesName.endsWith(' (min/max)');
|
|
14427
|
+
}
|
|
14423
14428
|
async loadData() {
|
|
14424
14429
|
if (this.isNotConfigured())
|
|
14425
14430
|
return;
|
|
@@ -14736,18 +14741,29 @@ class LineChartWidgetComponent {
|
|
|
14736
14741
|
[position]="config.legendPosition ?? 'right'">
|
|
14737
14742
|
</kendo-chart-legend>
|
|
14738
14743
|
|
|
14739
|
-
|
|
14740
|
-
|
|
14744
|
+
<!--
|
|
14745
|
+
Shared (category) tooltip: keyed on the category under the cursor's X, so the
|
|
14746
|
+
reported point always matches the hovered time position. A non-shared tooltip
|
|
14747
|
+
selects the nearest point by 2D distance, which makes the highlight jump
|
|
14748
|
+
horizontally to an unrelated category whenever the cursor is off the (often flat)
|
|
14749
|
+
line — see AB#4258. The min/max envelope (rangeArea) series is filtered out.
|
|
14750
|
+
-->
|
|
14751
|
+
<kendo-chart-tooltip [shared]="true">
|
|
14752
|
+
<ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
|
|
14741
14753
|
<div class="chart-tooltip">
|
|
14742
|
-
<strong>{{ category }}</strong
|
|
14743
|
-
|
|
14754
|
+
<strong>{{ category }}</strong>
|
|
14755
|
+
@for (point of points; track point.series.name) {
|
|
14756
|
+
@if (!isBandSeries(point.series.name)) {
|
|
14757
|
+
<br/>{{ point.series.name }}: {{ formatValue(point.value) }}{{ getUnitForSeries(point.series.name) }}
|
|
14758
|
+
}
|
|
14759
|
+
}
|
|
14744
14760
|
</div>
|
|
14745
14761
|
</ng-template>
|
|
14746
14762
|
</kendo-chart-tooltip>
|
|
14747
14763
|
</kendo-chart>
|
|
14748
14764
|
}
|
|
14749
14765
|
</div>
|
|
14750
|
-
`, isInline: true, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:4px;right:6px;z-index:2;max-width:calc(100% - 12px);padding:1px 7px;border-radius:9px;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kendo-color-on-app-surface, #6c757d);background:color-mix(in srgb,var(--kendo-color-app-surface, #888) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.
|
|
14766
|
+
`, isInline: true, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:4px;right:6px;z-index:2;max-width:calc(100% - 12px);padding:1px 7px;border-radius:9px;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kendo-color-on-app-surface, #6c757d);background:color-mix(in srgb,var(--kendo-color-app-surface, #888) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
|
|
14751
14767
|
}
|
|
14752
14768
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: LineChartWidgetComponent, decorators: [{
|
|
14753
14769
|
type: Component,
|
|
@@ -14849,11 +14865,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
14849
14865
|
[position]="config.legendPosition ?? 'right'">
|
|
14850
14866
|
</kendo-chart-legend>
|
|
14851
14867
|
|
|
14852
|
-
|
|
14853
|
-
|
|
14868
|
+
<!--
|
|
14869
|
+
Shared (category) tooltip: keyed on the category under the cursor's X, so the
|
|
14870
|
+
reported point always matches the hovered time position. A non-shared tooltip
|
|
14871
|
+
selects the nearest point by 2D distance, which makes the highlight jump
|
|
14872
|
+
horizontally to an unrelated category whenever the cursor is off the (often flat)
|
|
14873
|
+
line — see AB#4258. The min/max envelope (rangeArea) series is filtered out.
|
|
14874
|
+
-->
|
|
14875
|
+
<kendo-chart-tooltip [shared]="true">
|
|
14876
|
+
<ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
|
|
14854
14877
|
<div class="chart-tooltip">
|
|
14855
|
-
<strong>{{ category }}</strong
|
|
14856
|
-
|
|
14878
|
+
<strong>{{ category }}</strong>
|
|
14879
|
+
@for (point of points; track point.series.name) {
|
|
14880
|
+
@if (!isBandSeries(point.series.name)) {
|
|
14881
|
+
<br/>{{ point.series.name }}: {{ formatValue(point.value) }}{{ getUnitForSeries(point.series.name) }}
|
|
14882
|
+
}
|
|
14883
|
+
}
|
|
14857
14884
|
</div>
|
|
14858
14885
|
</ng-template>
|
|
14859
14886
|
</kendo-chart-tooltip>
|