sea-chart 2.0.60 → 2.0.62

package/dist/components/clear-icon/index.css

@@ -0,0 +1,15 @@
+.sea-chart-clear-icon {
+  height: 20px;
+  width: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: var(--bs-icon-color);
+  pointer-events: all;
+}
+
+.sea-chart-clear-icon:hover {
+  background-color: var(--bs-icon-btn-hover-bg-color, var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04)));
+  border-radius: 4px;
+}

package/dist/components/clear-icon/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DTableToolTip2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableToolTip"));
+var _DTableIcon2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableIcon"));
+var _react = _interopRequireWildcard(require("react"));
+var _lang = require("dtable-ui-component/lib/lang");
+require("./index.css");
+function ClearIcon() {
+  const tooltipId = `sea-chart-clear-icon-${(0, _react.useId)().replace(/:/g, '')}`;
+  const label = (0, _lang.getLocale)('Clear');
+  return /*#__PURE__*/_react.default.createElement("span", {
+    id: tooltipId,
+    className: "sea-chart-clear-icon",
+    "aria-label": label
+  }, /*#__PURE__*/_react.default.createElement(_DTableIcon2.default, {
+    symbol: "close",
+    ariaHidden: true
+  }), /*#__PURE__*/_react.default.createElement(_DTableToolTip2.default, {
+    target: tooltipId,
+    placement: "bottom"
+  }, label));
+}
+var _default = exports.default = ClearIcon;

package/dist/model/bar.js

@@ -34,7 +34,7 @@ class Bar extends _baseModel.default {
     this.y_axis_show_value = (0, _utils.isBoolean)(options.y_axis_show_value) ? options.y_axis_show_value : false;
     this.y_axis_show_label = (0, _utils.isBoolean)(options.y_axis_show_label) ? options.y_axis_show_label : false;
     this.y_axis_label_position = options.y_axis_label_position;
-    this.y_axis_auto_range = options.y_axis_auto_range;
+    this.y_axis_auto_range = (0, _utils.isBoolean)(options.y_axis_auto_range) ? options.y_axis_auto_range : true;
     this.y_axis_min = options.y_axis_min;
     this.y_axis_max = options.y_axis_max;
     this.y_axis_label_color = options.y_axis_label_color;

package/dist/settings/widgets/time-picker.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
 var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
+var _clearIcon = _interopRequireDefault(require("../../components/clear-icon"));
 require("dayjs/locale/zh-cn");
 require("dayjs/locale/en-gb");
 var _utils = require("../../utils");
@@ -116,18 +117,6 @@ class TimePicker extends _react.Component {
       value: value && value.format(DATE_FORMAT) || '',
       disabled: true
     });
-    const clearStyle = {
-      position: 'absolute',
-      top: '15px',
-      left: '225px',
-      color: 'gray',
-      fontSize: '12px',
-      cursor: 'pointer'
-    };
-    const clearIcon = /*#__PURE__*/_react.default.createElement('i', {
-      className: 'item-icon dtable-font dtable-icon-x',
-      style: clearStyle
-    });
     const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
       className: "dtable-rc-calendar",
       locale: (0, _utils.translateCalendar)(),
@@ -140,7 +129,7 @@ class TimePicker extends _react.Component {
       showDateInput: true,
       focusablePanel: false,
       onClear: this.onClear,
-      clearIcon: clearIcon,
+      clearIcon: /*#__PURE__*/_react.default.createElement(_clearIcon.default, null),
       showHourAndMinute: false,
       defaultMinutesTime: minutesTime,
       onClickRightPanelTime: this.onClickRightPanelTime

package/dist/utils/chart-utils/base-utils.js

@@ -355,6 +355,34 @@ BaseUtils.isValidValue = function (value) {
   if (value === 0 && !display_empty) return true;
   return Boolean(value);
 };
+BaseUtils.parseAxisBound = value => {
+  if (value === null || value === undefined || value === '') return NaN;
+  return Number(value);
+};
+BaseUtils.getValueAxisRange = (autoRange, min, max, autoDomain) => {
+  const autoRangeResult = {
+    domain: autoDomain,
+    isManual: false
+  };
+  if (autoRange !== false) return autoRangeResult;
+  const minValue = _BaseUtils.parseAxisBound(min);
+  const maxValue = _BaseUtils.parseAxisBound(max);
+  const isValidRange = Number.isFinite(minValue) && Number.isFinite(maxValue) && minValue < maxValue;
+  if (!isValidRange) return autoRangeResult;
+  return {
+    domain: [minValue, maxValue],
+    isManual: true
+  };
+};
+BaseUtils.getValueClamper = _ref => {
+  let {
+    domain,
+    isManual
+  } = _ref;
+  if (!isManual) return value => value;
+  const [min, max] = domain;
+  return value => Math.min(Math.max(value, min), max);
+};
 BaseUtils.getSummaryValueDisplayString = function (summaryColumn, summaryValue) {
   let summaryMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'count';
   if (!summaryColumn) return summaryValue;
@@ -393,11 +421,11 @@ BaseUtils.isDateSummaryColumn = summaryColumn => {
   } = summaryColumn;
   return type !== _dtableUtils.CellType.LINK && (0, _dtableUtils.isDateColumn)(summaryColumn);
 };
-BaseUtils.getSummaryValue = (_ref, currentValue, nextValue, isPivotCalculator) => {
+BaseUtils.getSummaryValue = (_ref2, currentValue, nextValue, isPivotCalculator) => {
   let {
     summaryMethod,
     summaryColumn
-  } = _ref;
+  } = _ref2;
   if (_BaseUtils.isDateSummaryColumn(summaryColumn)) {
     if (summaryMethod === 'MAX') {
       if (currentValue && nextValue) {

package/dist/view/wrapper/area-group.js

@@ -90,7 +90,10 @@ class AreaGroup extends _chartComponent.default {
 
       // Y axis
       const niceEnd = d3.nice(0, d3.max(data, d => d.value), 5)[1];
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, niceEnd] : [y_axis_min || 0, y_axis_max || niceEnd]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, niceEnd]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yBaseline = yAxisRange.domain[0];
+      const clampYValue = _utils.BaseUtils.getValueClamper(yAxisRange);
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding}, 0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, y_axis_summary_method))).call(g => this.drawYaxis(g, theme));
 
       // X axis
@@ -138,7 +141,7 @@ class AreaGroup extends _chartComponent.default {
         const area = d3.area().x(d => {
           const xVal = x(d.name) + x.bandwidth() / 2;
           return xVal;
-        }).y0(y(0)).y1(d => y(d.value)).curve(line_type === _constants.CHART_LINE_TYPES[1] ? d3.curveBumpX : d3.curveLinear);
+        }).y0(y(yBaseline)).y1(d => y(clampYValue(d.value))).curve(line_type === _constants.CHART_LINE_TYPES[1] ? d3.curveBumpX : d3.curveLinear);
         contentWrapper.append('path').attr('class', 'area').attr('fill', this.colorMap[group_name]).attr('d', () => area(data)).attr('opacity', '0.3');
       });
 
@@ -202,7 +205,7 @@ class AreaGroup extends _chartComponent.default {
         });
       });
       if (display_goal_line && goal_label && goal_value) {
-        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y);
+        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y, yAxisRange.isManual);
       }
       this.setLegend({
         legendName: 'group_name',

package/dist/view/wrapper/area.js

@@ -82,7 +82,10 @@ class Area extends _chartComponent.default {
 
       // Y axis
       const niceEnd = d3.nice(0, d3.max(data, d => d.value), 5)[1];
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, niceEnd] : [y_axis_min || 0, y_axis_max || niceEnd]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, niceEnd]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yBaseline = yAxisRange.domain[0];
+      const clampYValue = _utils.BaseUtils.getValueClamper(yAxisRange);
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding}, 0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, y_axis_summary_method))).call(g => this.drawYaxis(g, theme));
 
       // X axis
@@ -118,7 +121,7 @@ class Area extends _chartComponent.default {
       const area = d3.area().x(d => {
         const xVal = x(d.name) + x.bandwidth() / 2;
         return xVal;
-      }).y0(y(0)).y1(d => y(d.value)).curve(line_type === _constants.CHART_LINE_TYPES[1] ? d3.curveBumpX : d3.curveLinear);
+      }).y0(y(yBaseline)).y1(d => y(clampYValue(d.value))).curve(line_type === _constants.CHART_LINE_TYPES[1] ? d3.curveBumpX : d3.curveLinear);
       this.Area = contentWrapper.append('path').attr('fill', this.getAreaColor()).attr('d', () => area(data)).attr('opacity', '0.3').call(g => this.animateFadeIn(g, this.transitionDuration));
 
       // circle
@@ -171,7 +174,7 @@ class Area extends _chartComponent.default {
         });
       });
       if (display_goal_line && goal_label && goal_value) {
-        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y);
+        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y, yAxisRange.isManual);
       }
     };
     this.updateCircleAndTickStyle = _ref => {

package/dist/view/wrapper/bar-compare.js

@@ -66,7 +66,10 @@ class BarCompare extends _chartComponent.default {
         insertPadding
       } = this.chartBoundingClientRect;
       data = data.sort((a, b) => d3.ascending(a.name, b.name));
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, d3.max(data, d => d.value)] : [y_axis_min, y_axis_max]).range([chartHeight - insertPadding, insertPadding]);
+      const yAxisRange = _chartUtils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, d3.max(data, d => d.value)]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding, insertPadding]);
+      const yBaseline = yAxisRange.domain[0];
+      const clampYValue = _chartUtils.BaseUtils.getValueClamper(yAxisRange);
 
       // Y axis
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding},0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => _chartUtils.BaseUtils.getSummaryValueDisplayString(columnGroupbyColumn, d, y_axis_summary_method))).call(g => this.drawYaxis(g, theme));
@@ -94,7 +97,7 @@ class BarCompare extends _chartComponent.default {
       .selectAll().data(_ref2 => {
         let [a, d] = _ref2;
         return d;
-      }).join('rect').attr('opacity', 1).attr('x', (d, index) => index * x.bandwidth()).attr('y', d => y(d.value)).attr('width', x.bandwidth()).attr('height', d => y(0) - y(d.value) === 0 ? 0 : y(0) - y(d.value)).attr('fill', d => color(d.group_name)).attr('data-value', d => d.value).attr('data-groupName', d => d.name).call(g => {
+      }).join('rect').attr('opacity', 1).attr('x', (d, index) => index * x.bandwidth()).attr('y', d => y(clampYValue(d.value))).attr('width', x.bandwidth()).attr('height', d => y(yBaseline) - y(clampYValue(d.value))).attr('fill', d => color(d.group_name)).attr('data-value', d => d.value).attr('data-groupName', d => d.name).call(g => {
         g.nodes().forEach(rect => {
           // add rect borderRadius
           this.addClipPath({
@@ -197,8 +200,6 @@ class BarCompare extends _chartComponent.default {
       const theme = _constants.CHART_THEME_COLOR[globalTheme];
       const {
         label_font_size,
-        y_axis_min,
-        y_axis_max,
         increase_line_color,
         display_increase_percentage
       } = chart.config;
@@ -212,14 +213,8 @@ class BarCompare extends _chartComponent.default {
       const lineX = d3.scaleBand().domain(increaseData.map(d => d.name)).range([insertPadding + this.horizontalOverflowOffset, chartWidth - insertPadding]).paddingInner(0.5).paddingOuter(0.1);
       const autoMin = d3.min(increaseData, d => d.value);
       const autoMax = d3.max(increaseData, d => d.value);
-      let min, max;
-      if (!(y_axis_min && y_axis_max)) {
-        min = autoMin;
-        max = autoMax;
-      } else {
-        min = y_axis_min;
-        max = y_axis_max;
-      }
+      const min = autoMin;
+      const max = autoMax;
       let yDomain = [min, max];
       // avoid y axis range is invalid
       if (min === max) {

package/dist/view/wrapper/bar-group.js

@@ -94,7 +94,10 @@ class BarGroup extends _chartComponent.default {
       const useSingleSelectColumnColor = ((column_groupby_column === null || column_groupby_column === void 0 ? void 0 : column_groupby_column.type) === _dtableUtils.CellType.SINGLE_SELECT || (column_groupby_column === null || column_groupby_column === void 0 ? void 0 : column_groupby_column.type) === _dtableUtils.CellType.MULTIPLE_SELECT) && color_theme === _colorRules.SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.SINGLE_SELECT_COLUMN_COLORS;
       useSingleSelectColumnColor ? this.setSingleSelectColorMap(fullData) : this.setColorMap(fullData, chartColorTheme, 'group_name', columnGroupbyColumn, chart); // use single select column color
 
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, d3.max(data, d => d.value)] : [y_axis_min, y_axis_max]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, d3.max(data, d => d.value)]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yBaseline = yAxisRange.domain[0];
+      const clampYValue = _utils.BaseUtils.getValueClamper(yAxisRange);
 
       // Y axis
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding},0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, y_axis_summary_method))).call(g => this.drawYaxis(g, theme));
@@ -121,7 +124,7 @@ class BarGroup extends _chartComponent.default {
         let [, dum] = _ref2;
         const groupNode = groupNodes[groupIndex];
         const localX = d3.scaleBand().domain(dum.map(d => d.group_name)).range([0, fx.bandwidth()]).paddingInner(0).paddingOuter(0);
-        const rectSelection = d3.select(groupNode).selectAll('rect').data(dum).join('rect').attr('opacity', 1).attr('x', d => localX(d.group_name)).attr('y', d => y(d.value)).attr('width', localX.bandwidth()).attr('height', d => y(0) - y(d.value)).attr('fill', d => {
+        const rectSelection = d3.select(groupNode).selectAll('rect').data(dum).join('rect').attr('opacity', 1).attr('x', d => localX(d.group_name)).attr('y', d => y(clampYValue(d.value))).attr('width', localX.bandwidth()).attr('height', d => y(yBaseline) - y(clampYValue(d.value))).attr('fill', d => {
           var _this$colorMap$colorK;
           const colorKey = d.group_name || d.group_name === 0 ? d.group_name : '';
           return (_this$colorMap$colorK = this.colorMap[colorKey]) !== null && _this$colorMap$colorK !== void 0 ? _this$colorMap$colorK : _constants.CHART_STYLE_COLORS[0];
@@ -159,7 +162,7 @@ class BarGroup extends _chartComponent.default {
         this.animateFadeIn(contentWrapper.selectAll('text'), this.transitionDuration, this.transitionDuration * 0.5);
       });
       if (display_goal_line && goal_label && goal_value) {
-        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y);
+        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y, yAxisRange.isManual);
       }
       this.setLegend({
         legendName: 'group_name',

package/dist/view/wrapper/bar-stack.js

@@ -102,7 +102,9 @@ class BarStack extends _chartComponent.default {
         return ((_group$get = group.get(key)) === null || _group$get === void 0 ? void 0 : _group$get.value) || 0;
       })(d3.index(sortedData, d => d.name, d => d.group_name));
       const niceEnd = d3.nice(0, d3.max(series, d => d3.max(d, d => d[1])), 5)[1];
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, niceEnd] : [y_axis_min, y_axis_max]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, niceEnd]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const clampYValue = _utils.BaseUtils.getValueClamper(yAxisRange);
 
       // Y axis
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding},0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, y_axis_summary_method))).call(g => this.drawYaxis(g, theme));
@@ -125,8 +127,8 @@ class BarStack extends _chartComponent.default {
           return d;
         });
         return data;
-      }).join('rect').attr('opacity', 1).attr('x', d => x(d.data[0])).attr('y', d => y(d[1])).attr('height', d => {
-        const height = y(d[0]) - y(d[1]);
+      }).join('rect').attr('opacity', 1).attr('x', d => x(d.data[0])).attr('y', d => y(clampYValue(d[1]))).attr('height', d => {
+        const height = y(clampYValue(d[0])) - y(clampYValue(d[1]));
         return (0, _lodashEs.isNaN)(height) ? 0 : height;
       }).attr('width', x.bandwidth()).attr('fill', d => this.colorMap[d.key] || _constants.CHART_STYLE_COLORS[0]).attr('data-value', d => {
         const {
@@ -177,7 +179,7 @@ class BarStack extends _chartComponent.default {
         this.handleAcitveAndInActiveState('active', event);
       });
       if (display_goal_line && goal_label && goal_value) {
-        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y);
+        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y, yAxisRange.isManual);
       }
       this.setLegend({
         legendName: 'group_name',

package/dist/view/wrapper/bar.js

@@ -155,7 +155,10 @@ class Bar extends _chartComponent.default {
         insertPadding,
         marginTop
       } = this.chartBoundingClientRect;
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, d3.max(data, d => d.value)] : [y_axis_min, y_axis_max]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, d3.max(data, d => d.value)]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yBaseline = yAxisRange.domain[0];
+      const clampYValue = _utils.BaseUtils.getValueClamper(yAxisRange);
 
       // Y axis
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding}, 0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, y_axis_summary_method))).call(g => this.drawYaxis(g, theme));
@@ -170,7 +173,7 @@ class Bar extends _chartComponent.default {
         this.checkTickOverlap(g);
       });
       const contentWrapper = this.chart.append('g').attr('class', 'content-wrapper');
-      contentWrapper.selectAll().data(data).join('rect').attr('opacity', 1).attr('fill', d => d3.color(this.getFillColor(d))).attr('data-x', d => x(d.name)).attr('data-y', d => y(d.value)).attr('data-width', x.bandwidth()).attr('data-value', d => d.value).attr('data-groupName', d => d.name).attr('x', d => x(d.name)).attr('y', d => y(d.value)).attr('width', x.bandwidth()).attr('height', d => y(0) - y(d.value)).call(g => {
+      contentWrapper.selectAll().data(data).join('rect').attr('opacity', 1).attr('fill', d => d3.color(this.getFillColor(d))).attr('data-x', d => x(d.name)).attr('data-y', d => y(clampYValue(d.value))).attr('data-width', x.bandwidth()).attr('data-value', d => d.value).attr('data-groupName', d => d.name).attr('x', d => x(d.name)).attr('y', d => y(clampYValue(d.value))).attr('width', x.bandwidth()).attr('height', d => y(yBaseline) - y(clampYValue(d.value))).call(g => {
         g.nodes().forEach(path => {
           // Add label
           if (y_axis_show_value) {
@@ -204,7 +207,7 @@ class Bar extends _chartComponent.default {
         this.animateFadeIn(contentWrapper.selectAll('text'), this.transitionDuration, this.transitionDuration * 0.5);
       });
       if (display_goal_line && goal_label && goal_value) {
-        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y);
+        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y, yAxisRange.isManual);
       }
     };
     this.chart = null;

package/dist/view/wrapper/chart-component.js

@@ -1178,11 +1178,17 @@ class ChartComponent extends _react.Component {
       }
       return themeColors || _constants.CHART_THEME_COLOR[_constants.THEME_NAME_MAP.LIGHT];
     };
-    this.setDispalyGoalLine = (goal_label, goal_value, insertPadding, yScale) => {
+    this.setDispalyGoalLine = function (goal_label, goal_value, insertPadding, yScale) {
+      let isManualRange = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+      if (isManualRange) {
+        const goalValue = Number(goal_value);
+        const [domainMin, domainMax] = yScale.domain();
+        if (goalValue < domainMin || goalValue > domainMax) return;
+      }
       const {
         width: chartWidth
-      } = this.chartBoundingClientRect;
-      const annotationWrapper = this.chart.append('g').attr('class', `annotation-wrapper`);
+      } = _this.chartBoundingClientRect;
+      const annotationWrapper = _this.chart.append('g').attr('class', `annotation-wrapper`);
       annotationWrapper.append('line').attr('stroke', '#aaa').attr('x1', insertPadding).attr('y1', yScale(goal_value)).attr('x2', chartWidth - insertPadding).attr('y2', yScale(goal_value)).attr('stroke-dasharray', '8,3').call(g => {
         annotationWrapper.append('text').attr('x', chartWidth - insertPadding - 30).attr('y', yScale(goal_value) - 10).attr('fill', '#666').text(goal_label);
       });

package/dist/view/wrapper/combination.js

@@ -112,7 +112,9 @@ class Combination extends _chartComponent.default {
         dataLeft = [];
       }
       const rightNiceEnd = d3.nice(0, d3.max(data, d => d.value_right) || 0, 5)[1];
-      const rightY = d3.scaleLinear().domain(y_axis_auto_range_right ? [d3.min(data, d => d.value_right), rightNiceEnd] : [y_axis_min_right, y_axis_max_right]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const rightYAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range_right, y_axis_min_right, y_axis_max_right, [d3.min(data, d => d.value_right), rightNiceEnd]);
+      const rightY = d3.scaleLinear().domain(rightYAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const clampRightYValue = _utils.BaseUtils.getValueClamper(rightYAxisRange);
 
       // Y axis (right)
       const rightAxisWrapper = this.chart.append('g').attr('class', 'y-axis-wrapper-right').attr('transform', `translate(${chartWidth - insertPadding},0)`).call(d3.axisRight(rightY).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(rightSummaryColumn, d, y_axis_right_summary_column))).call(g => {
@@ -122,7 +124,10 @@ class Combination extends _chartComponent.default {
       });
       const rightAxisOffset = this.getRightAxisOffset(rightAxisWrapper);
       const leftNiceEnd = d3.nice(0, d3.max(dataLeft, d => d.value_left) || 0, 5)[1];
-      const leftY = d3.scaleLinear().domain(y_axis_auto_range_left ? [0, leftNiceEnd] : [y_axis_min_left, y_axis_max_left]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const leftYAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range_left, y_axis_min_left, y_axis_max_left, [0, leftNiceEnd]);
+      const leftY = d3.scaleLinear().domain(leftYAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const leftYBaseline = leftYAxisRange.domain[0];
+      const clampLeftYValue = _utils.BaseUtils.getValueClamper(leftYAxisRange);
 
       // Y axis (left)
       this.chart.append('g').attr('class', 'y-axis-wrapper-left').attr('transform', `translate(${insertPadding},0)`).call(d3.axisLeft(leftY).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(leftSummaryColumn, d, y_axis_left_summary_method))).call(g => this.drawYaxis(g, theme, rightAxisOffset));
@@ -152,7 +157,7 @@ class Combination extends _chartComponent.default {
           return x(d.group_name);
         }
         return 0;
-      }).attr('y', d => leftY(d.value_left)).attr('width', x.bandwidth()).attr('height', d => leftY(0) - leftY(d.value_left)).attr('fill', d => {
+      }).attr('y', d => leftY(clampLeftYValue(d.value_left))).attr('width', x.bandwidth()).attr('height', d => leftY(leftYBaseline) - leftY(clampLeftYValue(d.value_left))).attr('fill', d => {
         if (!y_axis_left_group_by_multiple_numeric_column) {
           return currentTheme.colors[0];
         }
@@ -201,10 +206,10 @@ class Combination extends _chartComponent.default {
 
       // Line group
       if (!rightHidden) {
-        this.drawRightContent(data, fx, rightY, showRightValue, rightSummaryColumn, rightTitle);
+        this.drawRightContent(data, fx, rightY, showRightValue, rightSummaryColumn, rightTitle, clampRightYValue);
       }
       if (display_goal_line && goal_label && goal_value) {
-        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, rightY);
+        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, rightY, rightYAxisRange.isManual);
       }
       const legendData = this.getCombinatinoLegendData(data, leftSummaryColumn, rightSummaryColumn);
       this.setLegend({
@@ -292,7 +297,7 @@ class Combination extends _chartComponent.default {
       const name = rightSummaryColumn.name + ' '; // Add a space character to avoid merging with the previous left legend
       this.colorMap[name] = currentTheme.colors[1];
     };
-    this.drawRightContent = (data, fx, rightY, showRightValue, rightSummaryColumn, rightTitle) => {
+    this.drawRightContent = (data, fx, rightY, showRightValue, rightSummaryColumn, rightTitle, clampRightYValue) => {
       const {
         chart,
         chartColorTheme,
@@ -312,7 +317,7 @@ class Combination extends _chartComponent.default {
         circleData[index]['name'] = d.name;
         return x;
       }).y((d, index) => {
-        const y = rightY(d.value_right);
+        const y = rightY(clampRightYValue(d.value_right));
         circleData[index]['y'] = y;
         circleData[index]['value'] = d.value_right;
         return y;

package/dist/view/wrapper/completeness-group.js

@@ -97,7 +97,9 @@ class Completeness extends _chartComponent.default {
       // X axis
       const allSeries = this.getAllSeries(newSeries);
       const niceEnd = d3.nice(0, d3.max(allSeries, d => d.sumValue), 5)[1];
-      const x = d3.scaleLinear().domain(y_axis_auto_range ? [0, niceEnd] : [y_axis_min || 0, y_axis_max || niceEnd]).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding - marginRight]);
+      const xAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, niceEnd]);
+      const x = d3.scaleLinear().domain(xAxisRange.domain).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding - marginRight]);
+      const clampXValue = _utils.BaseUtils.getValueClamper(xAxisRange);
       this.chart.append('g').attr('class', 'x-axis-wrapper').attr('transform', `translate(0, ${chartHeight - insertPadding})`).call(d3.axisBottom(x).tickSizeInner(0).ticks(5)).call(g => {
         g.selectAll('.domain').remove();
         g.selectAll('.tick line').node() && g.selectAll('.tick line').node().remove(); // delete the first line
@@ -143,7 +145,7 @@ class Completeness extends _chartComponent.default {
         }).selectAll().data(_ref6 => {
           let [_, d] = _ref6;
           return d;
-        }).join('rect').attr('class', 'rect').attr('opacity', 1).attr('x', d => x(d[0]) - Number(yAxis.node().getAttribute('data-axisWidth'))).attr('y', d => localY(d.groupby)).attr('width', d => x(d[1]) - x(d[0])).attr('height', localY.bandwidth()).attr('fill', d => {
+        }).join('rect').attr('class', 'rect').attr('opacity', 1).attr('x', d => x(clampXValue(d[0])) - Number(yAxis.node().getAttribute('data-axisWidth'))).attr('y', d => localY(d.groupby)).attr('width', d => x(clampXValue(d[1])) - x(clampXValue(d[0]))).attr('height', localY.bandwidth()).attr('fill', d => {
           const key = d.key;
           const groupby = d.groupby;
           if (key === 'rest') {

package/dist/view/wrapper/completeness.js

@@ -87,7 +87,9 @@ class Completeness extends _chartComponent.default {
 
       // X axis
       const niceEnd = d3.nice(0, d3.max(newSeries, d => d[1].sumValue) || 0, 5)[1];
-      const x = d3.scaleLinear().domain(y_axis_auto_range ? [0, niceEnd] : [y_axis_min || 0, y_axis_max || niceEnd]).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding - marginRight]);
+      const xAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, niceEnd]);
+      const x = d3.scaleLinear().domain(xAxisRange.domain).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding - marginRight]);
+      const clampXValue = _utils.BaseUtils.getValueClamper(xAxisRange);
       this.chart.append('g').attr('class', 'x-axis-wrapper').attr('transform', `translate(0, ${chartHeight - insertPadding})`).call(d3.axisBottom(x).tickSizeInner(0).ticks(5)).call(g => {
         g.selectAll('.domain').remove();
         g.selectAll('.tick line').node() && g.selectAll('.tick line').node().remove(); // delete the first line
@@ -108,8 +110,8 @@ class Completeness extends _chartComponent.default {
         d.forEach(item => item['groupKey'] = groupKey);
         return d;
       }).join('rect').attr('opacity', 1).attr('x', (d, index) => {
-        return x(d[0]) - Number(yAxis.node().getAttribute('data-axisWidth'));
-      }).attr('y', (d, index) => y(d.groupKey)).attr('width', d => x(d[1]) - x(d[0])).attr('height', y.bandwidth()).attr('fill', d => {
+        return x(clampXValue(d[0])) - Number(yAxis.node().getAttribute('data-axisWidth'));
+      }).attr('y', (d, index) => y(d.groupKey)).attr('width', d => x(clampXValue(d[1])) - x(clampXValue(d[0]))).attr('height', y.bandwidth()).attr('fill', d => {
         return d.key === 'rest' ? '#bdbdbd' : colors[0];
       }).attr('data-value', d => d.data.value).attr('data-groupName', d => d.data.slugId).attr('data-tooltipTitle', d => d.groupKey).attr('data-tooltipName', d => d.key).call(g => {
         // add rect borderRadius

package/dist/view/wrapper/dashboard.js

@@ -55,7 +55,8 @@ class Dashboard extends _chartComponent.default {
         height: chartHeight,
         insertPadding
       } = this.chartBoundingClientRect;
-      const value = (Number(data) || 0) * 100;
+      const rawValue = data && typeof data === 'object' && 'value' in data ? data.value : data;
+      const value = (Number(rawValue) || 0) * 100;
       const formatValue = value >= 100 ? 100 : value.toFixed(1);
       const innerRadius = Math.min(chartWidth, chartHeight) / 2 * 0.7;
       const outerRadius = Math.min(chartWidth, chartHeight) / 2 * 0.75;

package/dist/view/wrapper/horizontal-bar-group.js

@@ -127,7 +127,10 @@ class HorizontalBarGroup extends _chartComponent.default {
         this.checkTickOverlap(g, 'yAxis');
       });
       const niceEnd = d3.nice(0, d3.max(data, d => d.value), 5)[1];
-      const x = d3.scaleLinear().domain(horizontal_axis_auto_range ? [0, niceEnd] : [horizontal_axis_min || 0, horizontal_axis_max || niceEnd]).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding - marginRight]);
+      const xAxisRange = _utils.BaseUtils.getValueAxisRange(horizontal_axis_auto_range, horizontal_axis_min, horizontal_axis_max, [0, niceEnd]);
+      const x = d3.scaleLinear().domain(xAxisRange.domain).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding - marginRight]);
+      const xBaseline = xAxisRange.domain[0];
+      const clampXValue = _utils.BaseUtils.getValueClamper(xAxisRange);
 
       // X axis
       this.chart.append('g').attr('class', 'x-axis-wrapper').attr('transform', `translate(0, ${chartHeight - insertPadding})`).call(d3.axisBottom(x).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, horizontal_axis_summary_method))).call(g => {
@@ -149,7 +152,7 @@ class HorizontalBarGroup extends _chartComponent.default {
       .selectAll().data(_ref2 => {
         let [_, d] = _ref2;
         return d;
-      }).join('rect').attr('opacity', 1).attr('x', 0).attr('y', (d, index) => index * y.bandwidth()).attr('width', d => x(d.value) - x(0)).attr('height', y.bandwidth()).attr('fill', d => {
+      }).join('rect').attr('opacity', 1).attr('x', 0).attr('y', (d, index) => index * y.bandwidth()).attr('width', d => x(clampXValue(d.value)) - x(xBaseline)).attr('height', y.bandwidth()).attr('fill', d => {
         var _this$colorMap$colorK;
         const colorKey = d.group_name || d.group_name === 0 ? d.group_name : '';
         return (_this$colorMap$colorK = this.colorMap[colorKey]) !== null && _this$colorMap$colorK !== void 0 ? _this$colorMap$colorK : _constants.CHART_STYLE_COLORS[0];

package/dist/view/wrapper/horizontal-bar-stack.js

@@ -112,7 +112,9 @@ class HorizontalBarStack extends _chartComponent.default {
 
       // X axis
       const niceEnd = d3.nice(0, d3.max(newSeries, d => d[1].sumValue), 5)[1];
-      const x = d3.scaleLinear().domain(horizontal_axis_auto_range ? [0, niceEnd] : [horizontal_axis_min || 0, horizontal_axis_max || niceEnd]).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding]);
+      const xAxisRange = _utils.BaseUtils.getValueAxisRange(horizontal_axis_auto_range, horizontal_axis_min, horizontal_axis_max, [0, niceEnd]);
+      const x = d3.scaleLinear().domain(xAxisRange.domain).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding]);
+      const clampXValue = _utils.BaseUtils.getValueClamper(xAxisRange);
       this.chart.append('g').attr('class', 'x-axis-wrapper').attr('transform', `translate(0, ${chartHeight - insertPadding})`).call(d3.axisBottom(x).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, horizontal_axis_summary_method))).call(g => {
         g.selectAll('.domain').remove();
         g.selectAll('.tick line').node() && g.selectAll('.tick line').node().remove(); // delete the first line
@@ -130,8 +132,8 @@ class HorizontalBarStack extends _chartComponent.default {
         d.forEach(item => item['groupKey'] = groupKey);
         return d;
       }).join('rect').attr('opacity', 1).attr('x', (d, index) => {
-        return x(d[0]) - Number(yAxis.node().getAttribute('data-axisWidth'));
-      }).attr('y', (d, index) => y(d.groupKey)).attr('width', d => x(d[1]) - x(d[0])).attr('height', y.bandwidth()).attr('fill', d => {
+        return x(clampXValue(d[0])) - Number(yAxis.node().getAttribute('data-axisWidth'));
+      }).attr('y', (d, index) => y(d.groupKey)).attr('width', d => x(clampXValue(d[1])) - x(clampXValue(d[0]))).attr('height', y.bandwidth()).attr('fill', d => {
         return this.colorMap[d.data.group_name] || _constants.CHART_STYLE_COLORS[0];
       }).attr('data-value', d => d.data.value).attr('data-groupName', d => d.data.name).attr('data-stackKey', d => d.key).call(g => {
         const allGroup = this.getAllGroup(contentWrapper);

package/dist/view/wrapper/horizontal-bar.js

@@ -99,7 +99,10 @@ class HorizontalBar extends _chartComponent.default {
         this.checkTickOverlap(g, 'yAxis');
       });
       const niceEnd = d3.nice(0, d3.max(data, d => d.value), 5)[1];
-      const x = d3.scaleLinear().domain(horizontal_axis_auto_range ? [0, niceEnd] : [horizontal_axis_min || 0, horizontal_axis_max || niceEnd]).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding - marginRight]);
+      const xAxisRange = _utils.BaseUtils.getValueAxisRange(horizontal_axis_auto_range, horizontal_axis_min, horizontal_axis_max, [0, niceEnd]);
+      const x = d3.scaleLinear().domain(xAxisRange.domain).range([Number(yAxis.node().getAttribute('data-axisWidth')), chartWidth - insertPadding - marginRight]);
+      const xBaseline = xAxisRange.domain[0];
+      const clampXValue = _utils.BaseUtils.getValueClamper(xAxisRange);
 
       // X axis
       this.chart.append('g').attr('class', 'x-axis-wrapper').attr('transform', `translate(0, ${chartHeight - insertPadding})`).call(d3.axisBottom(x).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, horizontal_axis_summary_method))).call(g => {
@@ -110,7 +113,7 @@ class HorizontalBar extends _chartComponent.default {
         g.selectAll('text').attr('fill', theme.textColor);
       });
       const contentWrapper = this.chart.append('g').attr('class', 'content-wrapper').attr('transform', `translate(${Number(yAxis.node().getAttribute('data-axisWidth'))}, 0)`);
-      contentWrapper.selectAll().data(data).join('rect').attr('opacity', 1).attr('x', 0).attr('y', d => y(d.name)).attr('width', d => x(d.value) - x(0)).attr('height', y.bandwidth()).attr('fill', d => {
+      contentWrapper.selectAll().data(data).join('rect').attr('opacity', 1).attr('x', 0).attr('y', d => y(d.name)).attr('width', d => x(clampXValue(d.value)) - x(xBaseline)).attr('height', y.bandwidth()).attr('fill', d => {
         const color = (0, _colorUtils.getLabelColor)({
           chart: chart.config,
           colorRules,

package/dist/view/wrapper/line-group.js

@@ -165,7 +165,9 @@ class LineGroup extends _chartComponent.default {
 
       // Y axis
       const niceEnd = d3.nice(0, d3.max(data, d => d.value), 5)[1];
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, niceEnd] : [y_axis_min || 0, y_axis_max || niceEnd]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, niceEnd]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const clampYValue = _utils.BaseUtils.getValueClamper(yAxisRange);
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding}, 0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, y_axis_summary_method))).call(g => this.drawYaxis(g, theme));
 
       // X axis
@@ -193,7 +195,7 @@ class LineGroup extends _chartComponent.default {
           circleData[index]['originalData'] = d;
           return xVal;
         }).y((d, index) => {
-          const yVal = y(d.value);
+          const yVal = y(clampYValue(d.value));
           circleData[index]['y'] = yVal;
           circleData[index]['value'] = d.value;
           return yVal;
@@ -269,7 +271,7 @@ class LineGroup extends _chartComponent.default {
         });
       });
       if (display_goal_line && goal_label && goal_value) {
-        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y);
+        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y, yAxisRange.isManual);
       }
       this.setLegend({
         legendName: 'group_name',

package/dist/view/wrapper/line.js

@@ -149,7 +149,9 @@ class Line extends _chartComponent.default {
 
       // Y axis
       const niceEnd = d3.nice(0, d3.max(data, d => d.value), 5)[1];
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, niceEnd] : [y_axis_min || 0, y_axis_max || niceEnd]).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const yAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, niceEnd]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding, insertPadding + marginTop]);
+      const clampYValue = _utils.BaseUtils.getValueClamper(yAxisRange);
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding}, 0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, d, y_axis_summary_method))).call(g => this.drawYaxis(g, theme));
 
       // X axis
@@ -173,7 +175,7 @@ class Line extends _chartComponent.default {
         circleData[index]['originalData'] = d;
         return xVal;
       }).y((d, index) => {
-        const yVal = y(d.value);
+        const yVal = y(clampYValue(d.value));
         circleData[index]['y'] = yVal;
         circleData[index]['value'] = d.value;
         return yVal;
@@ -230,7 +232,7 @@ class Line extends _chartComponent.default {
         });
       });
       if (display_goal_line && goal_label && goal_value) {
-        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y);
+        this.setDispalyGoalLine(goal_label, goal_value, insertPadding, y, yAxisRange.isManual);
       }
     };
     this.updateCircleAndTickStyle = _ref => {

package/dist/view/wrapper/scatter.js

@@ -207,7 +207,9 @@ class Scatter extends _chartComponent.default {
       const selectedYAxisColumn = (0, _dtableUtils.getTableColumnByKey)(selectedTable, y_axis_column_key);
 
       // Y axis
-      const y = d3.scaleLinear().domain(y_axis_auto_range ? [0, d3.max(data, d => d.value)] : [y_axis_min, y_axis_max]).range([chartHeight - insertPadding - bottomLegendSpace, insertPadding + marginTop]);
+      const yAxisRange = _utils.BaseUtils.getValueAxisRange(y_axis_auto_range, y_axis_min, y_axis_max, [0, d3.max(data, d => d.value)]);
+      const y = d3.scaleLinear().domain(yAxisRange.domain).range([chartHeight - insertPadding - bottomLegendSpace, insertPadding + marginTop]);
+      const clampYValue = _utils.BaseUtils.getValueClamper(yAxisRange);
       this.chart.append('g').attr('class', 'y-axis-wrapper').attr('transform', `translate(${insertPadding}, 0)`).call(d3.axisLeft(y).tickSizeInner(0).ticks(5).tickFormat(d => d)).call(g => this.drawYaxis(g, theme));
 
       // X axis
@@ -237,7 +239,7 @@ class Scatter extends _chartComponent.default {
           return _utils.BaseUtils.getCurrentTheme(chartColorTheme).colors[0];
         }
         return colorMap[d.groupby];
-      }).attr('data-x', d => x(d.name)).attr('data-y', d => y(d.value)).attr('data-value', d => d.value).attr('data-width', 3.5).attr('data-groupName', d => d.name).attr('cx', d => x(d.name)).attr('cy', d => y(d.value)).attr('r', 3.5).attr('opacity', 0.85).call(g => {
+      }).attr('data-x', d => x(d.name)).attr('data-y', d => y(clampYValue(d.value))).attr('data-value', d => d.value).attr('data-width', 3.5).attr('data-groupName', d => d.name).attr('cx', d => x(d.name)).attr('cy', d => y(clampYValue(d.value))).attr('r', 3.5).attr('opacity', 0.85).call(g => {
         g.nodes().forEach(path => {
           // Add label
           if (y_axis_show_value) {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "sea-chart",
-  "version": "2.0.60",
+  "version": "2.0.62",
   "main": "./dist/index.js",
   "dependencies": {
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@seafile/seafile-calendar": "^1.0.8",
+    "@seafile/seafile-calendar": "^1.0.33",
     "@seafile/seafile-editor": "^3.0.26",
     "axios": "^1.19.0",
     "classnames": "^2.3.2",