apexcharts - npm Package Compare versions

Comparing version 3.26.1 to 3.26.2

package.json

 {
   "name": "apexcharts",
-  "version": "3.26.1",
+  "version": "3.26.2",
   "description": "A JavaScript Chart Library",
@@ -5,0 +5,0 @@ "repository": {

README.md

@@ -83,3 +83,5 @@ <p align="center"><img src="https://apexcharts.com/media/apexcharts-logo.png"></p>
 - [blazor-apexcharts](https://github.com/joadan/Blazor-ApexCharts) - Blazor wrapper for ApexCharts [demo](https://joadan.github.io/Blazor-ApexCharts/)
+- [svelte-apexcharts](https://github.com/galkatz373/svelte-apexcharts) - Svelte wrapper for ApexCharts
 
+
 ## Usage
@@ -86,0 +88,0 @@

src/modules/DataLabels.js

@@ -208,10 +208,10 @@ import Scatter from './../charts/Scatter'
     if (correctedLabels.textRects) {
-      // commented below code as it hides labels for first and last label even though it is not cut
-      // if (
-      //   x + correctedLabels.textRects.width < -20 ||
-      //   x > w.globals.gridWidth + 20
-      // ) {
-      //   // datalabels fall outside drawing area, so draw a blank label
-      //   text = ''
-      // }
+      // fixes #2264
+      if (
+        x < -10 - correctedLabels.textRects.width ||
+        x > w.globals.gridWidth + correctedLabels.textRects.width + 10
+      ) {
+        // datalabels fall outside drawing area, so draw a blank label
+        text = ''
+      }
     }
@@ -218,0 +218,0 @@

src/modules/dimensions/XAxis.js

@@ -250,4 +250,2 @@ import Formatters from '../Formatters'
           lbWidth / 1.75 -
-          // replace + with - ;
-          // allow the last label to intersect with the right y axis
           this.dCtx.yAxisWidthRight
@@ -258,7 +256,12 @@
           lbWidth / 1.75 +
-          // remove conditional since the first label is always at the very left
-          // allow the first label to intersect with the left y axes
           this.dCtx.yAxisWidthLeft
 
-        if (lastLabelPosition > gl.svgWidth - gl.translateX) {
+        let lgRightRectWidth =
+          w.config.legend.position === 'right' && this.dCtx.lgRect.width > 0
+            ? this.dCtx.lgRect.width
+            : 0
+        if (
+          lastLabelPosition >
+          gl.svgWidth - gl.translateX - lgRightRectWidth
+        ) {
           gl.skipLastTimelinelabel = true
@@ -275,3 +278,3 @@ }
             ? lbWidth / 1.75
-            : 0)
+            : 10)
         ) {
@@ -278,0 +281,0 @@ gl.skipFirstTimelinelabel = true

src/modules/dimensions/YAxis.js

@@ -33,6 +33,5 @@ import Graphics from '../Graphics'
         let lbFormatter = w.globals.yLabelFormatters[index]
+        let minV = yS.niceMin === Number.MIN_VALUE ? 0 : yS.niceMin
         const longestStr =
-          String(yS.niceMin).length > String(yS.niceMax).length
-            ? yS.niceMin
-            : yS.niceMax
+          String(minV).length > String(yS.niceMax).length ? minV : yS.niceMax
 
@@ -39,0 +38,0 @@ // the second parameter -1 is the index of tick which user can use in the formatter

src/modules/Formatters.js

@@ -68,6 +68,2 @@ import DateTime from '../utils/DateTime'
 
-    w.globals.xLabelFormatter = (val) => {
-      return this.defaultGeneralFormatter(val)
-    }
-
     w.globals.xaxisTooltipFormatter = (val) => {
@@ -95,10 +91,17 @@ return this.defaultGeneralFormatter(val)
         if (Utils.isNumber(val)) {
-          // numeric xaxis may have smaller range, so defaulting to 1 decimal
           if (
             !w.config.xaxis.convertedCatToNumeric &&
-            w.config.xaxis.type === 'numeric' &&
-            w.globals.dataPoints < 50
+            w.config.xaxis.type === 'numeric'
           ) {
-            return val.toFixed(1)
+            if (Utils.isNumber(w.config.xaxis.decimalsInFloat)) {
+              return val.toFixed(w.config.xaxis.decimalsInFloat)
+            } else {
+              const diff = w.globals.maxX - w.globals.minX
+              if (diff > 0 && diff < 100) {
+                return val.toFixed(1)
+              }
+              return val.toFixed(0)
+            }
           }
+
           if (w.globals.isBarHorizontal) {
@@ -105,0 +108,0 @@ const range = w.globals.maxY - w.globals.minYArr

src/modules/settings/Options.js

@@ -967,2 +967,3 @@ /**
         floating: false,
+        decimalsInFloat: undefined,
         position: 'bottom',
@@ -969,0 +970,0 @@ title: {

src/modules/TimeScale.js

@@ -535,2 +535,14 @@ import DateTime from '../utils/DateTime'
       numberOfDays++
+    } else if (
+      firstVal.minDate !== 1 &&
+      firstVal.minHour === 0 &&
+      firstVal.minMinute === 0
+    ) {
+      // fixes apexcharts/apexcharts.js/issues/1730
+      firstTickPosition = 0
+      firstTickValue = firstVal.minDate
+      date = firstTickValue
+      val = firstTickValue
+      // in case it's the last date of month, we need to check it
+      month = changeMonth(date, currentMonth, currentYear)
     }
@@ -537,0 +549,0 @@

types/apexcharts.d.ts

@@ -44,3 +44,3 @@ // Typescript declarations for Apex class and module.
   dataURI(): Promise<void>
-  static exec(chartID: string, fn: string, options?: any): any
+  static exec(chartID: string, fn: string, ...args: Array<any>): any
   static initOnLoad(): void
@@ -964,2 +964,3 @@ }
   floating?: boolean
+  decimalsInFloat?: number
   position?: string
@@ -1041,3 +1042,3 @@ title?: {
     style?: {
-      colors?: string
+      colors?: string | string[]
       fontSize?: string
@@ -1048,3 +1049,3 @@ fontWeight?: string | number
     }
-    formatter?(val: number, opts?: any): string
+    formatter?(val: number, opts?: any): string | string[]
   }
@@ -1051,0 +1052,0 @@ axisBorder?: {

No alert changes

Improved metrics

Total package byte prevSize

4050668

increased by0.07%

Lines of code

65154

increased by0.06%

Number of lines in readme file

262

increased by0.77%

No dependency changes