@visionaris-bruno/vs-echarts 9.1.3 → 9.2.0

package/fesm2022/visionaris-bruno-vs-echarts.mjs

@@ -309,6 +309,9 @@ function defaultOptionsOverrides() {
         sankey: {
             series: {}
         },
+        boxplot: {
+            series: {},
+        },
         hBoxplot: {
             series: {}
         },
@@ -1100,7 +1103,7 @@ class RingBuilder {
     }
 }
 
-class BoxPlotBuilder {
+class BoxplotBuilder {
     baseProduct;
     translateService;
     valueFormatter = defaultValueFormatter;
@@ -1239,16 +1242,30 @@ class BoxPlotBuilder {
         ;
         this.result.tooltip = getTooltipOptions(merge$1(overrides, { formatter: tooltipFormatter }));
     }
-    addDataZoom() {
+    addDataZoom(opts) {
+        const axisTypes = opts?.axisTypes || { x: 'value', y: 'category' };
+        const isVertical = axisTypes.x === 'category';
         this.result.dataZoom = [
             {
-                type: 'inside'
+                type: 'inside',
+                ...(isVertical ? { yAxisIndex: 0 } : { xAxisIndex: 0 })
             },
             {
                 type: 'slider',
-                height: 20,
-                bottom: 10,
-                labelFormatter: (value) => valueToLocale(value)
+                ...(isVertical
+                    ? {
+                        yAxisIndex: 0,
+                        orient: 'horizontal',
+                        bottom: 10,
+                        height: 20
+                    }
+                    : {
+                        xAxisIndex: 0,
+                        orient: 'horizontal',
+                        bottom: 10,
+                        height: 20
+                    }),
+                labelFormatter: (value) => formatAxisValue(value)
             }
         ];
     }
@@ -2408,7 +2425,7 @@ class VSECDirector {
         this.builder.addTooltip(data, overrides.tooltip);
     }
     makeBoxplot(data, overrides, opts = {}) {
-        if (this.builder instanceof BoxPlotBuilder == false) {
+        if (this.builder instanceof BoxplotBuilder == false) {
             return;
         }
         const { valueFormatter = undefined, palette = undefined, colorResolver = undefined, axisTypes = {
@@ -2434,7 +2451,8 @@ class VSECDirector {
         this.builder.addXAxis(data, overrides.axis, axisTypes.x);
         this.builder.addYAxis(data, overrides.axis, axisTypes.y);
         this.builder.addTooltip(data, overrides.tooltip);
-        this.builder.addDataZoom();
+        const dzConfigOpts = { axisTypes };
+        this.builder.addDataZoom(dzConfigOpts);
     }
     makeHeatmapCalendar(data, overrides, opts = {}) {
         if (this.builder instanceof HeatmapCalendarBuilder == false) {
@@ -3224,20 +3242,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                     ], template: "<div\n  class=\"echarts-container\"\n  echarts\n  [options]=\"{}\"\n  [initOpts]=\"initOptions\"\n  [autoResize]=\"true\"\n  (chartInit)=\"onChartInit($event)\"\n  (chartClick)=\"onChartClick($event)\"\n></div>\n", styles: [".echarts-container{width:100%;height:100%;position:relative}\n"] }]
         }] });
 
-class EChartsHBoxplotComponent extends BaseEchartsComponent {
+class EChartsBoxplotComponent extends BaseEchartsComponent {
     baseSeriesOptions = {
         type: 'boxplot',
         itemStyle: {
             color: '#b8c5f2'
         },
     };
+    baseProduct = {
+        chartKey: 'boxplot',
+        baseOptions: {
+            series: this.baseSeriesOptions,
+        }
+    };
+    builder = new BoxplotBuilder(this.baseProduct);
+    director = new VSECDirector(this.builder);
+    make() {
+        const makeOpts = {
+            palette: this.palette,
+            colorResolver: this.colorResolver,
+            valueFormatter: this.valueFormatter,
+            axisTypes: {
+                x: 'category',
+                y: 'value',
+            },
+        };
+        this.director.makeBoxplot(this.data, this.optionsOverrides, makeOpts);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EChartsBoxplotComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: EChartsBoxplotComponent, isStandalone: true, selector: "vs-echarts-boxplot", usesInheritance: true, ngImport: i0, template: "<div\n  class=\"echarts-container\"\n  echarts\n  [options]=\"{}\"\n  [initOpts]=\"initOptions\"\n  [autoResize]=\"true\"\n  (chartInit)=\"onChartInit($event)\"\n></div>\n", styles: [".echarts-container{width:100%;height:100%;position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["options", "theme", "initOpts", "merge", "autoResize", "loading", "loadingType", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartHighlight", "chartDownplay", "chartSelectChanged", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendLegendSelectAll", "chartLegendLegendInverseSelect", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartGraphRoam", "chartGeoRoam", "chartTreeRoam", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartGeoSelectChanged", "chartGeoSelected", "chartGeoUnselected", "chartAxisAreaSelected", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartGlobalCursorTaken", "chartRendered", "chartFinished"], exportAs: ["echarts"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EChartsBoxplotComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vs-echarts-boxplot', imports: [
+                        CommonModule,
+                        NgxEchartsDirective,
+                    ], template: "<div\n  class=\"echarts-container\"\n  echarts\n  [options]=\"{}\"\n  [initOpts]=\"initOptions\"\n  [autoResize]=\"true\"\n  (chartInit)=\"onChartInit($event)\"\n></div>\n", styles: [".echarts-container{width:100%;height:100%;position:relative}\n"] }]
+        }] });
+
+class EChartsHBoxplotComponent extends EChartsBoxplotComponent {
     baseProduct = {
         chartKey: 'hBoxplot',
         baseOptions: {
             series: this.baseSeriesOptions,
         }
     };
-    builder = new BoxPlotBuilder(this.baseProduct);
+    builder = new BoxplotBuilder(this.baseProduct);
     director = new VSECDirector(this.builder);
     make() {
         const makeOpts = {
@@ -3375,5 +3425,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BaseEchartsComponent, EChartsAreaComponent, EChartsAreaStackComponent, EChartsBarStackedComponent, EChartsBarStackedRadialComponent, EChartsHBarComponent, EChartsHBarStackedComponent, EChartsHBoxplotComponent, EChartsHeatmapCalendar, EChartsSunburstComponent, EchartsBarComponent, EchartsFunnelComponent, EchartsLineComponent, EchartsPieComponent, EchartsRingComponent, EchartsSankeyComponent, EchartsScatterComponent, VSEchartsConfigService, defaultOptionsOverrides, getActiveLocale, provideVSEcharts, setActiveLocale };
+export { BaseEchartsComponent, EChartsAreaComponent, EChartsAreaStackComponent, EChartsBarStackedComponent, EChartsBarStackedRadialComponent, EChartsBoxplotComponent, EChartsHBarComponent, EChartsHBarStackedComponent, EChartsHBoxplotComponent, EChartsHeatmapCalendar, EChartsSunburstComponent, EchartsBarComponent, EchartsFunnelComponent, EchartsLineComponent, EchartsPieComponent, EchartsRingComponent, EchartsSankeyComponent, EchartsScatterComponent, VSEchartsConfigService, defaultOptionsOverrides, getActiveLocale, provideVSEcharts, setActiveLocale };
 //# sourceMappingURL=visionaris-bruno-vs-echarts.mjs.map