@devtable/dashboard 1.19.0 → 1.22.0

package/dist/dashboard.es.js

@@ -36,7 +36,7 @@ var __publicField = (obj, key, value) => {
 import React from "react";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
-import { Popover, Tooltip, Group, Text, ActionIcon, Box, Button, TextInput, LoadingOverlay, Table, Select, useMantineTheme, ColorSwatch, SegmentedControl, NumberInput, Switch, Slider, ColorInput, Accordion, JsonInput, Modal, AppShell, Tabs, Menu, Divider, Container, Textarea } from "@mantine/core";
+import { Popover, Tooltip, Group, Text, ActionIcon, Box, Button, TextInput, LoadingOverlay, Table, Select, useMantineTheme, ColorSwatch, Switch, Slider, SegmentedControl, NumberInput, Accordion, ColorInput, JsonInput, Modal, AppShell, Tabs, Menu, Divider, Container, Textarea } from "@mantine/core";
 import { useRequest } from "ahooks";
 import axios from "axios";
 import { InfoCircle, DeviceFloppy, Refresh, Trash, PlaylistAdd, Settings, Resize, Paint, PlayerPlay, Database, Recycle, Share } from "tabler-icons-react";
@@ -44,7 +44,7 @@ import RichTextEditor, { RichTextEditor as RichTextEditor$1 } from "@mantine/rte
 import { useInputState, useElementSize, randomId } from "@mantine/hooks";
 import ReactEChartsCore from "echarts-for-react/lib/core";
 import * as echarts from "echarts/core";
-import { SunburstChart, BarChart, LineChart, PieChart } from "echarts/charts";
+import { SunburstChart, BarChart, LineChart, ScatterChart, PieChart } from "echarts/charts";
 import { CanvasRenderer } from "echarts/renderers";
 import { GridComponent, LegendComponent, TooltipComponent, VisualMapComponent } from "echarts/components";
 import numbro from "numbro";
@@ -196,6 +196,7 @@ const initialContext = {
   }
 };
 const DefinitionContext = React.createContext(initialContext);
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -688,7 +689,1307 @@ function Sunbrust({
     }
   });
 }
-echarts.use([BarChart, LineChart, GridComponent, LegendComponent, TooltipComponent, CanvasRenderer]);
+var ecStat = { exports: {} };
+(function(module, exports) {
+  (function webpackUniversalModuleDefinition(root, factory) {
+    module.exports = factory();
+  })(commonjsGlobal, function() {
+    return function(modules) {
+      var installedModules = {};
+      function __webpack_require__(moduleId) {
+        if (installedModules[moduleId])
+          return installedModules[moduleId].exports;
+        var module2 = installedModules[moduleId] = {
+          exports: {},
+          id: moduleId,
+          loaded: false
+        };
+        modules[moduleId].call(module2.exports, module2, module2.exports, __webpack_require__);
+        module2.loaded = true;
+        return module2.exports;
+      }
+      __webpack_require__.m = modules;
+      __webpack_require__.c = installedModules;
+      __webpack_require__.p = "";
+      return __webpack_require__(0);
+    }([
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          return {
+            clustering: __webpack_require__(1),
+            regression: __webpack_require__(5),
+            statistics: __webpack_require__(6),
+            histogram: __webpack_require__(15),
+            transform: {
+              regression: __webpack_require__(18),
+              histogram: __webpack_require__(21),
+              clustering: __webpack_require__(22)
+            }
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var dataProcess = __webpack_require__(2);
+          var dataPreprocess = dataProcess.dataPreprocess;
+          var normalizeDimensions = dataProcess.normalizeDimensions;
+          var arrayUtil = __webpack_require__(3);
+          var numberUtil = __webpack_require__(4);
+          var arraySize = arrayUtil.size;
+          var sumOfColumn = arrayUtil.sumOfColumn;
+          var arraySum = arrayUtil.sum;
+          var zeros = arrayUtil.zeros;
+          var numberUtil = __webpack_require__(4);
+          var isNumber = numberUtil.isNumber;
+          var mathPow = Math.pow;
+          var OutputType = {
+            SINGLE: "single",
+            MULTIPLE: "multiple"
+          };
+          function kMeans(data, k2, dataMeta) {
+            var clusterAssigned = zeros(data.length, 2);
+            var centroids = createRandCent(k2, calcExtents(data, dataMeta.dimensions));
+            var clusterChanged = true;
+            var minDist;
+            var minIndex;
+            var distIJ;
+            var ptsInClust;
+            while (clusterChanged) {
+              clusterChanged = false;
+              for (var i = 0; i < data.length; i++) {
+                minDist = Infinity;
+                minIndex = -1;
+                for (var j = 0; j < k2; j++) {
+                  distIJ = distEuclid(data[i], centroids[j], dataMeta);
+                  if (distIJ < minDist) {
+                    minDist = distIJ;
+                    minIndex = j;
+                  }
+                }
+                if (clusterAssigned[i][0] !== minIndex) {
+                  clusterChanged = true;
+                }
+                clusterAssigned[i][0] = minIndex;
+                clusterAssigned[i][1] = minDist;
+              }
+              for (var i = 0; i < k2; i++) {
+                ptsInClust = [];
+                for (var j = 0; j < clusterAssigned.length; j++) {
+                  if (clusterAssigned[j][0] === i) {
+                    ptsInClust.push(data[j]);
+                  }
+                }
+                centroids[i] = meanInColumns(ptsInClust, dataMeta);
+              }
+            }
+            var clusterWithKmeans = {
+              centroids,
+              clusterAssigned
+            };
+            return clusterWithKmeans;
+          }
+          function meanInColumns(dataList, dataMeta) {
+            var meanArray = [];
+            var sum;
+            var mean;
+            for (var j = 0; j < dataMeta.dimensions.length; j++) {
+              var dimIdx = dataMeta.dimensions[j];
+              sum = 0;
+              for (var i = 0; i < dataList.length; i++) {
+                sum += dataList[i][dimIdx];
+              }
+              mean = sum / dataList.length;
+              meanArray.push(mean);
+            }
+            return meanArray;
+          }
+          function hierarchicalKMeans(data, clusterCountOrConfig, stepByStep) {
+            var config = (isNumber(clusterCountOrConfig) ? { clusterCount: clusterCountOrConfig, stepByStep } : clusterCountOrConfig) || { clusterCount: 2 };
+            var k2 = config.clusterCount;
+            if (k2 < 2) {
+              return;
+            }
+            var dataMeta = parseDataMeta(data, config);
+            var isOutputTypeSingle = dataMeta.outputType === OutputType.SINGLE;
+            var dataSet = dataPreprocess(data, { dimensions: dataMeta.dimensions });
+            var clusterAssment = zeros(dataSet.length, 2);
+            var outputSingleData;
+            var setClusterIndex;
+            var getClusterIndex;
+            function setDistance(dataIndex, dist2) {
+              clusterAssment[dataIndex][1] = dist2;
+            }
+            function getDistance(dataIndex) {
+              return clusterAssment[dataIndex][1];
+            }
+            if (isOutputTypeSingle) {
+              outputSingleData = [];
+              var outputClusterIndexDimension = dataMeta.outputClusterIndexDimension;
+              setClusterIndex = function(dataIndex, clusterIndex) {
+                outputSingleData[dataIndex][outputClusterIndexDimension] = clusterIndex;
+              };
+              getClusterIndex = function(dataIndex) {
+                return outputSingleData[dataIndex][outputClusterIndexDimension];
+              };
+              for (var i = 0; i < dataSet.length; i++) {
+                outputSingleData.push(dataSet[i].slice());
+                setDistance(i, 0);
+                setClusterIndex(i, 0);
+              }
+            } else {
+              setClusterIndex = function(dataIndex, clusterIndex) {
+                clusterAssment[dataIndex][0] = clusterIndex;
+              };
+              getClusterIndex = function(dataIndex) {
+                return clusterAssment[dataIndex][0];
+              };
+            }
+            var centroid0 = meanInColumns(dataSet, dataMeta);
+            var centList = [centroid0];
+            for (var i = 0; i < dataSet.length; i++) {
+              var dist = distEuclid(dataSet[i], centroid0, dataMeta);
+              setDistance(i, dist);
+            }
+            var lowestSSE;
+            var ptsInClust;
+            var ptsNotClust;
+            var clusterInfo;
+            var sseSplit;
+            var sseNotSplit;
+            var index2 = 1;
+            var result = {
+              data: outputSingleData,
+              centroids: centList,
+              isEnd: false
+            };
+            if (!isOutputTypeSingle) {
+              result.clusterAssment = clusterAssment;
+            }
+            function oneStep() {
+              if (index2 < k2) {
+                lowestSSE = Infinity;
+                var centSplit;
+                var newCentroid;
+                var newClusterAss;
+                for (var j = 0; j < centList.length; j++) {
+                  ptsInClust = [];
+                  ptsNotClust = [];
+                  for (var i2 = 0; i2 < dataSet.length; i2++) {
+                    if (getClusterIndex(i2) === j) {
+                      ptsInClust.push(dataSet[i2]);
+                    } else {
+                      ptsNotClust.push(getDistance(i2));
+                    }
+                  }
+                  clusterInfo = kMeans(ptsInClust, 2, dataMeta);
+                  sseSplit = sumOfColumn(clusterInfo.clusterAssigned, 1);
+                  sseNotSplit = arraySum(ptsNotClust);
+                  if (sseSplit + sseNotSplit < lowestSSE) {
+                    lowestSSE = sseNotSplit + sseSplit;
+                    centSplit = j;
+                    newCentroid = clusterInfo.centroids;
+                    newClusterAss = clusterInfo.clusterAssigned;
+                  }
+                }
+                for (var i2 = 0; i2 < newClusterAss.length; i2++) {
+                  if (newClusterAss[i2][0] === 0) {
+                    newClusterAss[i2][0] = centSplit;
+                  } else if (newClusterAss[i2][0] === 1) {
+                    newClusterAss[i2][0] = centList.length;
+                  }
+                }
+                centList[centSplit] = newCentroid[0];
+                centList.push(newCentroid[1]);
+                for (var i2 = 0, j = 0; i2 < dataSet.length && j < newClusterAss.length; i2++) {
+                  if (getClusterIndex(i2) === centSplit) {
+                    setClusterIndex(i2, newClusterAss[j][0]);
+                    setDistance(i2, newClusterAss[j++][1]);
+                  }
+                }
+                var pointInClust = [];
+                if (!isOutputTypeSingle) {
+                  for (var i2 = 0; i2 < centList.length; i2++) {
+                    pointInClust[i2] = [];
+                    for (var j = 0; j < dataSet.length; j++) {
+                      if (getClusterIndex(j) === i2) {
+                        pointInClust[i2].push(dataSet[j]);
+                      }
+                    }
+                  }
+                  result.pointsInCluster = pointInClust;
+                }
+                index2++;
+              } else {
+                result.isEnd = true;
+              }
+            }
+            if (!config.stepByStep) {
+              while (oneStep(), !result.isEnd)
+                ;
+            } else {
+              result.next = function() {
+                oneStep();
+                setCentroidToResultData(result, dataMeta);
+                return result;
+              };
+            }
+            setCentroidToResultData(result, dataMeta);
+            return result;
+          }
+          function setCentroidToResultData(result, dataMeta) {
+            var outputCentroidDimensions = dataMeta.outputCentroidDimensions;
+            if (dataMeta.outputType !== OutputType.SINGLE || outputCentroidDimensions == null) {
+              return;
+            }
+            var outputSingleData = result.data;
+            var centroids = result.centroids;
+            for (var i = 0; i < outputSingleData.length; i++) {
+              var line = outputSingleData[i];
+              var clusterIndex = line[dataMeta.outputClusterIndexDimension];
+              var centroid = centroids[clusterIndex];
+              var dimLen = Math.min(centroid.length, outputCentroidDimensions.length);
+              for (var j = 0; j < dimLen; j++) {
+                line[outputCentroidDimensions[j]] = centroid[j];
+              }
+            }
+          }
+          function createRandCent(k2, extents) {
+            var centroids = zeros(k2, extents.length);
+            for (var j = 0; j < extents.length; j++) {
+              var extentItem = extents[j];
+              for (var i = 0; i < k2; i++) {
+                centroids[i][j] = extentItem.min + extentItem.span * Math.random();
+              }
+            }
+            return centroids;
+          }
+          function distEuclid(dataItem, centroid, dataMeta) {
+            var powerSum = 0;
+            var dimensions = dataMeta.dimensions;
+            var extents = dataMeta.rawExtents;
+            for (var i = 0; i < dimensions.length; i++) {
+              var span = extents[i].span;
+              if (span) {
+                var dimIdx = dimensions[i];
+                var dist = (dataItem[dimIdx] - centroid[i]) / span;
+                powerSum += mathPow(dist, 2);
+              }
+            }
+            return powerSum;
+          }
+          function parseDataMeta(dataSet, config) {
+            var size = arraySize(dataSet);
+            if (size.length < 1) {
+              throw new Error("The input data of clustering should be two-dimension array.");
+            }
+            var colCount = size[1];
+            var defaultDimensions = [];
+            for (var i = 0; i < colCount; i++) {
+              defaultDimensions.push(i);
+            }
+            var dimensions = normalizeDimensions(config.dimensions, defaultDimensions);
+            var outputType = config.outputType || OutputType.MULTIPLE;
+            var outputClusterIndexDimension = config.outputClusterIndexDimension;
+            if (outputType === OutputType.SINGLE && !numberUtil.isNumber(outputClusterIndexDimension)) {
+              throw new Error("outputClusterIndexDimension is required as a number.");
+            }
+            var extents = calcExtents(dataSet, dimensions);
+            return {
+              dimensions,
+              rawExtents: extents,
+              outputType,
+              outputClusterIndexDimension,
+              outputCentroidDimensions: config.outputCentroidDimensions
+            };
+          }
+          function calcExtents(dataSet, dimensions) {
+            var extents = [];
+            var dimLen = dimensions.length;
+            for (var i = 0; i < dimLen; i++) {
+              extents.push({ min: Infinity, max: -Infinity });
+            }
+            for (var i = 0; i < dataSet.length; i++) {
+              var line = dataSet[i];
+              for (var j = 0; j < dimLen; j++) {
+                var extentItem = extents[j];
+                var val = line[dimensions[j]];
+                extentItem.min > val && (extentItem.min = val);
+                extentItem.max < val && (extentItem.max = val);
+              }
+            }
+            for (var i = 0; i < dimLen; i++) {
+              extents[i].span = extents[i].max - extents[i].min;
+            }
+            return extents;
+          }
+          return {
+            OutputType,
+            hierarchicalKMeans
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var array = __webpack_require__(3);
+          var isArray = array.isArray;
+          var size = array.size;
+          var number2 = __webpack_require__(4);
+          var isNumber = number2.isNumber;
+          function normalizeDimensions(dimensions, defaultDimensions) {
+            return typeof dimensions === "number" ? [dimensions] : dimensions == null ? defaultDimensions : dimensions;
+          }
+          function dataPreprocess(data, opt) {
+            opt = opt || {};
+            var dimensions = opt.dimensions;
+            var numberDimensionMap = {};
+            if (dimensions != null) {
+              for (var i = 0; i < dimensions.length; i++) {
+                numberDimensionMap[dimensions[i]] = true;
+              }
+            }
+            var targetOneDim = opt.toOneDimensionArray ? dimensions ? dimensions[0] : 0 : null;
+            function shouldBeNumberDimension(dimIdx) {
+              return !dimensions || numberDimensionMap.hasOwnProperty(dimIdx);
+            }
+            if (!isArray(data)) {
+              throw new Error("Invalid data type, you should input an array");
+            }
+            var predata = [];
+            var arraySize = size(data);
+            if (arraySize.length === 1) {
+              for (var i = 0; i < arraySize[0]; i++) {
+                var item = data[i];
+                if (isNumber(item)) {
+                  predata.push(item);
+                }
+              }
+            } else if (arraySize.length === 2) {
+              for (var i = 0; i < arraySize[0]; i++) {
+                var isCorrect = true;
+                var item = data[i];
+                for (var j = 0; j < arraySize[1]; j++) {
+                  if (shouldBeNumberDimension(j) && !isNumber(item[j])) {
+                    isCorrect = false;
+                  }
+                }
+                if (isCorrect) {
+                  predata.push(targetOneDim != null ? item[targetOneDim] : item);
+                }
+              }
+            }
+            return predata;
+          }
+          function getPrecision(val) {
+            var str = val.toString();
+            var dotIndex = str.indexOf(".");
+            return dotIndex < 0 ? 0 : str.length - 1 - dotIndex;
+          }
+          return {
+            normalizeDimensions,
+            dataPreprocess,
+            getPrecision
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var objToString = Object.prototype.toString;
+          var arrayProto = Array.prototype;
+          var nativeMap = arrayProto.map;
+          function size(data) {
+            var s = [];
+            while (isArray(data)) {
+              s.push(data.length);
+              data = data[0];
+            }
+            return s;
+          }
+          function isArray(value) {
+            return objToString.call(value) === "[object Array]";
+          }
+          function zeros(m2, n2) {
+            var zeroArray = [];
+            for (var i = 0; i < m2; i++) {
+              zeroArray[i] = [];
+              for (var j = 0; j < n2; j++) {
+                zeroArray[i][j] = 0;
+              }
+            }
+            return zeroArray;
+          }
+          function sum(vector) {
+            var sum2 = 0;
+            for (var i = 0; i < vector.length; i++) {
+              sum2 += vector[i];
+            }
+            return sum2;
+          }
+          function sumOfColumn(dataList, n2) {
+            var sum2 = 0;
+            for (var i = 0; i < dataList.length; i++) {
+              sum2 += dataList[i][n2];
+            }
+            return sum2;
+          }
+          function ascending(a, b) {
+            return a > b ? 1 : a < b ? -1 : a === b ? 0 : NaN;
+          }
+          function bisect(array, value, start, end) {
+            if (start == null) {
+              start = 0;
+            }
+            if (end == null) {
+              end = array.length;
+            }
+            while (start < end) {
+              var mid = Math.floor((start + end) / 2);
+              var compare = ascending(array[mid], value);
+              if (compare > 0) {
+                end = mid;
+              } else if (compare < 0) {
+                start = mid + 1;
+              } else {
+                return mid + 1;
+              }
+            }
+            return start;
+          }
+          function map(obj, cb, context) {
+            if (!(obj && cb)) {
+              return;
+            }
+            if (obj.map && obj.map === nativeMap) {
+              return obj.map(cb, context);
+            } else {
+              var result = [];
+              for (var i = 0, len = obj.length; i < len; i++) {
+                result.push(cb.call(context, obj[i], i, obj));
+              }
+              return result;
+            }
+          }
+          return {
+            size,
+            isArray,
+            zeros,
+            sum,
+            sumOfColumn,
+            ascending,
+            bisect,
+            map
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          function isNumber(value) {
+            value = value === null ? NaN : +value;
+            return typeof value === "number" && !isNaN(value);
+          }
+          function isInteger(value) {
+            return isFinite(value) && value === Math.round(value);
+          }
+          function quantityExponent(val) {
+            if (val === 0) {
+              return 0;
+            }
+            var exp = Math.floor(Math.log(val) / Math.LN10);
+            if (val / Math.pow(10, exp) >= 10) {
+              exp++;
+            }
+            return exp;
+          }
+          return {
+            isNumber,
+            isInteger,
+            quantityExponent
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var dataProcess = __webpack_require__(2);
+          var dataPreprocess = dataProcess.dataPreprocess;
+          var normalizeDimensions = dataProcess.normalizeDimensions;
+          var regreMethods = {
+            linear: function(predata, opt) {
+              var xDimIdx = opt.dimensions[0];
+              var yDimIdx = opt.dimensions[1];
+              var sumX = 0;
+              var sumY = 0;
+              var sumXY = 0;
+              var sumXX = 0;
+              var len = predata.length;
+              for (var i = 0; i < len; i++) {
+                var rawItem = predata[i];
+                sumX += rawItem[xDimIdx];
+                sumY += rawItem[yDimIdx];
+                sumXY += rawItem[xDimIdx] * rawItem[yDimIdx];
+                sumXX += rawItem[xDimIdx] * rawItem[xDimIdx];
+              }
+              var gradient = (len * sumXY - sumX * sumY) / (len * sumXX - sumX * sumX);
+              var intercept = sumY / len - gradient * sumX / len;
+              var result = [];
+              for (var j = 0; j < predata.length; j++) {
+                var rawItem = predata[j];
+                var resultItem = rawItem.slice();
+                resultItem[xDimIdx] = rawItem[xDimIdx];
+                resultItem[yDimIdx] = gradient * rawItem[xDimIdx] + intercept;
+                result.push(resultItem);
+              }
+              var expression = "y = " + Math.round(gradient * 100) / 100 + "x + " + Math.round(intercept * 100) / 100;
+              return {
+                points: result,
+                parameter: {
+                  gradient,
+                  intercept
+                },
+                expression
+              };
+            },
+            linearThroughOrigin: function(predata, opt) {
+              var xDimIdx = opt.dimensions[0];
+              var yDimIdx = opt.dimensions[1];
+              var sumXX = 0;
+              var sumXY = 0;
+              for (var i = 0; i < predata.length; i++) {
+                var rawItem = predata[i];
+                sumXX += rawItem[xDimIdx] * rawItem[xDimIdx];
+                sumXY += rawItem[xDimIdx] * rawItem[yDimIdx];
+              }
+              var gradient = sumXY / sumXX;
+              var result = [];
+              for (var j = 0; j < predata.length; j++) {
+                var rawItem = predata[j];
+                var resultItem = rawItem.slice();
+                resultItem[xDimIdx] = rawItem[xDimIdx];
+                resultItem[yDimIdx] = rawItem[xDimIdx] * gradient;
+                result.push(resultItem);
+              }
+              var expression = "y = " + Math.round(gradient * 100) / 100 + "x";
+              return {
+                points: result,
+                parameter: {
+                  gradient
+                },
+                expression
+              };
+            },
+            exponential: function(predata, opt) {
+              var xDimIdx = opt.dimensions[0];
+              var yDimIdx = opt.dimensions[1];
+              var sumX = 0;
+              var sumY = 0;
+              var sumXXY = 0;
+              var sumYlny = 0;
+              var sumXYlny = 0;
+              var sumXY = 0;
+              for (var i = 0; i < predata.length; i++) {
+                var rawItem = predata[i];
+                sumX += rawItem[xDimIdx];
+                sumY += rawItem[yDimIdx];
+                sumXY += rawItem[xDimIdx] * rawItem[yDimIdx];
+                sumXXY += rawItem[xDimIdx] * rawItem[xDimIdx] * rawItem[yDimIdx];
+                sumYlny += rawItem[yDimIdx] * Math.log(rawItem[yDimIdx]);
+                sumXYlny += rawItem[xDimIdx] * rawItem[yDimIdx] * Math.log(rawItem[yDimIdx]);
+              }
+              var denominator = sumY * sumXXY - sumXY * sumXY;
+              var coefficient = Math.pow(Math.E, (sumXXY * sumYlny - sumXY * sumXYlny) / denominator);
+              var index2 = (sumY * sumXYlny - sumXY * sumYlny) / denominator;
+              var result = [];
+              for (var j = 0; j < predata.length; j++) {
+                var rawItem = predata[j];
+                var resultItem = rawItem.slice();
+                resultItem[xDimIdx] = rawItem[xDimIdx];
+                resultItem[yDimIdx] = coefficient * Math.pow(Math.E, index2 * rawItem[xDimIdx]);
+                result.push(resultItem);
+              }
+              var expression = "y = " + Math.round(coefficient * 100) / 100 + "e^(" + Math.round(index2 * 100) / 100 + "x)";
+              return {
+                points: result,
+                parameter: {
+                  coefficient,
+                  index: index2
+                },
+                expression
+              };
+            },
+            logarithmic: function(predata, opt) {
+              var xDimIdx = opt.dimensions[0];
+              var yDimIdx = opt.dimensions[1];
+              var sumlnx = 0;
+              var sumYlnx = 0;
+              var sumY = 0;
+              var sumlnxlnx = 0;
+              for (var i = 0; i < predata.length; i++) {
+                var rawItem = predata[i];
+                sumlnx += Math.log(rawItem[xDimIdx]);
+                sumYlnx += rawItem[yDimIdx] * Math.log(rawItem[xDimIdx]);
+                sumY += rawItem[yDimIdx];
+                sumlnxlnx += Math.pow(Math.log(rawItem[xDimIdx]), 2);
+              }
+              var gradient = (i * sumYlnx - sumY * sumlnx) / (i * sumlnxlnx - sumlnx * sumlnx);
+              var intercept = (sumY - gradient * sumlnx) / i;
+              var result = [];
+              for (var j = 0; j < predata.length; j++) {
+                var rawItem = predata[j];
+                var resultItem = rawItem.slice();
+                resultItem[xDimIdx] = rawItem[xDimIdx];
+                resultItem[yDimIdx] = gradient * Math.log(rawItem[xDimIdx]) + intercept;
+                result.push(resultItem);
+              }
+              var expression = "y = " + Math.round(intercept * 100) / 100 + " + " + Math.round(gradient * 100) / 100 + "ln(x)";
+              return {
+                points: result,
+                parameter: {
+                  gradient,
+                  intercept
+                },
+                expression
+              };
+            },
+            polynomial: function(predata, opt) {
+              var xDimIdx = opt.dimensions[0];
+              var yDimIdx = opt.dimensions[1];
+              var order = opt.order;
+              if (order == null) {
+                order = 2;
+              }
+              var coeMatrix = [];
+              var lhs = [];
+              var k2 = order + 1;
+              for (var i = 0; i < k2; i++) {
+                var sumA = 0;
+                for (var n2 = 0; n2 < predata.length; n2++) {
+                  var rawItem = predata[n2];
+                  sumA += rawItem[yDimIdx] * Math.pow(rawItem[xDimIdx], i);
+                }
+                lhs.push(sumA);
+                var temp = [];
+                for (var j = 0; j < k2; j++) {
+                  var sumB = 0;
+                  for (var m2 = 0; m2 < predata.length; m2++) {
+                    sumB += Math.pow(predata[m2][xDimIdx], i + j);
+                  }
+                  temp.push(sumB);
+                }
+                coeMatrix.push(temp);
+              }
+              coeMatrix.push(lhs);
+              var coeArray = gaussianElimination(coeMatrix, k2);
+              var result = [];
+              for (var i = 0; i < predata.length; i++) {
+                var value = 0;
+                var rawItem = predata[i];
+                for (var n2 = 0; n2 < coeArray.length; n2++) {
+                  value += coeArray[n2] * Math.pow(rawItem[xDimIdx], n2);
+                }
+                var resultItem = rawItem.slice();
+                resultItem[xDimIdx] = rawItem[xDimIdx];
+                resultItem[yDimIdx] = value;
+                result.push(resultItem);
+              }
+              var expression = "y = ";
+              for (var i = coeArray.length - 1; i >= 0; i--) {
+                if (i > 1) {
+                  expression += Math.round(coeArray[i] * Math.pow(10, i + 1)) / Math.pow(10, i + 1) + "x^" + i + " + ";
+                } else if (i === 1) {
+                  expression += Math.round(coeArray[i] * 100) / 100 + "x + ";
+                } else {
+                  expression += Math.round(coeArray[i] * 100) / 100;
+                }
+              }
+              return {
+                points: result,
+                parameter: coeArray,
+                expression
+              };
+            }
+          };
+          function gaussianElimination(matrix, number2) {
+            for (var i = 0; i < matrix.length - 1; i++) {
+              var maxColumn = i;
+              for (var j = i + 1; j < matrix.length - 1; j++) {
+                if (Math.abs(matrix[i][j]) > Math.abs(matrix[i][maxColumn])) {
+                  maxColumn = j;
+                }
+              }
+              for (var k2 = i; k2 < matrix.length; k2++) {
+                var temp = matrix[k2][i];
+                matrix[k2][i] = matrix[k2][maxColumn];
+                matrix[k2][maxColumn] = temp;
+              }
+              for (var n2 = i + 1; n2 < matrix.length - 1; n2++) {
+                for (var m2 = matrix.length - 1; m2 >= i; m2--) {
+                  matrix[m2][n2] -= matrix[m2][i] / matrix[i][i] * matrix[i][n2];
+                }
+              }
+            }
+            var data = new Array(number2);
+            var len = matrix.length - 1;
+            for (var j = matrix.length - 2; j >= 0; j--) {
+              var temp = 0;
+              for (var i = j + 1; i < matrix.length - 1; i++) {
+                temp += matrix[i][j] * data[i];
+              }
+              data[j] = (matrix[len][j] - temp) / matrix[j][j];
+            }
+            return data;
+          }
+          var regression = function(regreMethod, data, optOrOrder) {
+            var opt = typeof optOrOrder === "number" ? { order: optOrOrder } : optOrOrder || {};
+            var dimensions = normalizeDimensions(opt.dimensions, [0, 1]);
+            var predata = dataPreprocess(data, { dimensions });
+            var result = regreMethods[regreMethod](predata, {
+              order: opt.order,
+              dimensions
+            });
+            var xDimIdx = dimensions[0];
+            result.points.sort(function(itemA, itemB) {
+              return itemA[xDimIdx] - itemB[xDimIdx];
+            });
+            return result;
+          };
+          return regression;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var statistics = {};
+          statistics.max = __webpack_require__(7);
+          statistics.deviation = __webpack_require__(8);
+          statistics.mean = __webpack_require__(10);
+          statistics.median = __webpack_require__(12);
+          statistics.min = __webpack_require__(14);
+          statistics.quantile = __webpack_require__(13);
+          statistics.sampleVariance = __webpack_require__(9);
+          statistics.sum = __webpack_require__(11);
+          return statistics;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var number2 = __webpack_require__(4);
+          var isNumber = number2.isNumber;
+          function max(data) {
+            var maxData = -Infinity;
+            for (var i = 0; i < data.length; i++) {
+              if (isNumber(data[i]) && data[i] > maxData) {
+                maxData = data[i];
+              }
+            }
+            return maxData;
+          }
+          return max;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var variance = __webpack_require__(9);
+          return function(data) {
+            var squaredDeviation = variance(data);
+            return squaredDeviation ? Math.sqrt(squaredDeviation) : squaredDeviation;
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var number2 = __webpack_require__(4);
+          var isNumber = number2.isNumber;
+          var mean = __webpack_require__(10);
+          function sampleVariance(data) {
+            var len = data.length;
+            if (!len || len < 2) {
+              return 0;
+            }
+            if (data.length >= 2) {
+              var meanValue = mean(data);
+              var sum = 0;
+              var temple;
+              for (var i = 0; i < data.length; i++) {
+                if (isNumber(data[i])) {
+                  temple = data[i] - meanValue;
+                  sum += temple * temple;
+                }
+              }
+              return sum / (data.length - 1);
+            }
+          }
+          return sampleVariance;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var sum = __webpack_require__(11);
+          function mean(data) {
+            var len = data.length;
+            if (!len) {
+              return 0;
+            }
+            return sum(data) / data.length;
+          }
+          return mean;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var number2 = __webpack_require__(4);
+          var isNumber = number2.isNumber;
+          function sum(data) {
+            var len = data.length;
+            if (!len) {
+              return 0;
+            }
+            var sumData = 0;
+            for (var i = 0; i < len; i++) {
+              if (isNumber(data[i])) {
+                sumData += data[i];
+              }
+            }
+            return sumData;
+          }
+          return sum;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var quantile = __webpack_require__(13);
+          function median(data) {
+            return quantile(data, 0.5);
+          }
+          return median;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          return function(data, p2) {
+            var len = data.length;
+            if (!len) {
+              return 0;
+            }
+            if (p2 <= 0 || len < 2) {
+              return data[0];
+            }
+            if (p2 >= 1) {
+              return data[len - 1];
+            }
+            var h = (len - 1) * p2;
+            var i = Math.floor(h);
+            var a = data[i];
+            var b = data[i + 1];
+            return a + (b - a) * (h - i);
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var number2 = __webpack_require__(4);
+          var isNumber = number2.isNumber;
+          function min(data) {
+            var minData = Infinity;
+            for (var i = 0; i < data.length; i++) {
+              if (isNumber(data[i]) && data[i] < minData) {
+                minData = data[i];
+              }
+            }
+            return minData;
+          }
+          return min;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var max = __webpack_require__(7);
+          var min = __webpack_require__(14);
+          var quantile = __webpack_require__(13);
+          var deviation = __webpack_require__(8);
+          var dataProcess = __webpack_require__(2);
+          var dataPreprocess = dataProcess.dataPreprocess;
+          var normalizeDimensions = dataProcess.normalizeDimensions;
+          var array = __webpack_require__(3);
+          var ascending = array.ascending;
+          var map = array.map;
+          var range = __webpack_require__(16);
+          var bisect = array.bisect;
+          var tickStep = __webpack_require__(17);
+          function computeBins(data, optOrMethod) {
+            var opt = typeof optOrMethod === "string" ? { method: optOrMethod } : optOrMethod || {};
+            var threshold = opt.method == null ? thresholdMethod.squareRoot : thresholdMethod[opt.method];
+            var dimensions = normalizeDimensions(opt.dimensions);
+            var values = dataPreprocess(data, {
+              dimensions,
+              toOneDimensionArray: true
+            });
+            var maxValue = max(values);
+            var minValue = min(values);
+            var binsNumber = threshold(values, minValue, maxValue);
+            var tickStepResult = tickStep(minValue, maxValue, binsNumber);
+            var step = tickStepResult.step;
+            var toFixedPrecision = tickStepResult.toFixedPrecision;
+            var rangeArray = range(+(Math.ceil(minValue / step) * step).toFixed(toFixedPrecision), +(Math.floor(maxValue / step) * step).toFixed(toFixedPrecision), step, toFixedPrecision);
+            var len = rangeArray.length;
+            var bins = new Array(len + 1);
+            for (var i = 0; i <= len; i++) {
+              bins[i] = {};
+              bins[i].sample = [];
+              bins[i].x0 = i > 0 ? rangeArray[i - 1] : rangeArray[i] - minValue === step ? minValue : rangeArray[i] - step;
+              bins[i].x1 = i < len ? rangeArray[i] : maxValue - rangeArray[i - 1] === step ? maxValue : rangeArray[i - 1] + step;
+            }
+            for (var i = 0; i < values.length; i++) {
+              if (minValue <= values[i] && values[i] <= maxValue) {
+                bins[bisect(rangeArray, values[i], 0, len)].sample.push(values[i]);
+              }
+            }
+            var data = map(bins, function(bin) {
+              return [
+                +((bin.x0 + bin.x1) / 2).toFixed(toFixedPrecision),
+                bin.sample.length,
+                bin.x0,
+                bin.x1,
+                bin.x0 + " - " + bin.x1
+              ];
+            });
+            var customData = map(bins, function(bin) {
+              return [bin.x0, bin.x1, bin.sample.length];
+            });
+            return {
+              bins,
+              data,
+              customData
+            };
+          }
+          var thresholdMethod = {
+            squareRoot: function(data) {
+              var bins = Math.ceil(Math.sqrt(data.length));
+              return bins > 50 ? 50 : bins;
+            },
+            scott: function(data, min2, max2) {
+              return Math.ceil((max2 - min2) / (3.5 * deviation(data) * Math.pow(data.length, -1 / 3)));
+            },
+            freedmanDiaconis: function(data, min2, max2) {
+              data.sort(ascending);
+              return Math.ceil((max2 - min2) / (2 * (quantile(data, 0.75) - quantile(data, 0.25)) * Math.pow(data.length, -1 / 3)));
+            },
+            sturges: function(data) {
+              return Math.ceil(Math.log(data.length) / Math.LN2) + 1;
+            }
+          };
+          return computeBins;
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var dataProcess = __webpack_require__(2);
+          var getPrecision = dataProcess.getPrecision;
+          return function(start, end, step, precision) {
+            var len = arguments.length;
+            if (len < 2) {
+              end = start;
+              start = 0;
+              step = 1;
+            } else if (len < 3) {
+              step = 1;
+            } else if (len < 4) {
+              step = +step;
+              precision = getPrecision(step);
+            } else {
+              precision = +precision;
+            }
+            var n2 = Math.ceil(((end - start) / step).toFixed(precision));
+            var range = new Array(n2 + 1);
+            for (var i = 0; i < n2 + 1; i++) {
+              range[i] = +(start + i * step).toFixed(precision);
+            }
+            return range;
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var numberUtil = __webpack_require__(4);
+          return function(start, stop, count) {
+            var step0 = Math.abs(stop - start) / count;
+            var precision = numberUtil.quantityExponent(step0);
+            var step1 = Math.pow(10, precision);
+            var error = step0 / step1;
+            if (error >= Math.sqrt(50)) {
+              step1 *= 10;
+            } else if (error >= Math.sqrt(10)) {
+              step1 *= 5;
+            } else if (error >= Math.sqrt(2)) {
+              step1 *= 2;
+            }
+            var toFixedPrecision = precision < 0 ? -precision : 0;
+            var resultStep = +(stop >= start ? step1 : -step1).toFixed(toFixedPrecision);
+            return {
+              step: resultStep,
+              toFixedPrecision
+            };
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var regression = __webpack_require__(5);
+          var transformHelper = __webpack_require__(19);
+          var FORMULA_DIMENSION = 2;
+          return {
+            type: "ecStat:regression",
+            transform: function transform(params) {
+              var upstream = params.upstream;
+              var config = params.config || {};
+              var method = config.method || "linear";
+              var result = regression(method, upstream.cloneRawData(), {
+                order: config.order,
+                dimensions: transformHelper.normalizeExistingDimensions(params, config.dimensions)
+              });
+              var points = result.points;
+              var formulaOn = config.formulaOn;
+              if (formulaOn == null) {
+                formulaOn = "end";
+              }
+              var dimensions;
+              if (formulaOn !== "none") {
+                for (var i = 0; i < points.length; i++) {
+                  points[i][FORMULA_DIMENSION] = formulaOn === "start" && i === 0 || formulaOn === "all" || formulaOn === "end" && i === points.length - 1 ? result.expression : "";
+                }
+                dimensions = upstream.cloneAllDimensionInfo();
+                dimensions[FORMULA_DIMENSION] = {};
+              }
+              return [{
+                dimensions,
+                data: points
+              }];
+            }
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var arrayUtil = __webpack_require__(3);
+          var numberUtil = __webpack_require__(4);
+          var objectUtil = __webpack_require__(20);
+          function normalizeExistingDimensions(transformParams, dimensionsConfig) {
+            if (dimensionsConfig == null) {
+              return;
+            }
+            var upstream = transformParams.upstream;
+            if (arrayUtil.isArray(dimensionsConfig)) {
+              var result = [];
+              for (var i = 0; i < dimensionsConfig.length; i++) {
+                var dimInfo = upstream.getDimensionInfo(dimensionsConfig[i]);
+                validateDimensionExists(dimInfo, dimensionsConfig[i]);
+                result[i] = dimInfo.index;
+              }
+              return result;
+            } else {
+              var dimInfo = upstream.getDimensionInfo(dimensionsConfig);
+              validateDimensionExists(dimInfo, dimensionsConfig);
+              return dimInfo.index;
+            }
+            function validateDimensionExists(dimInfo2, dimConfig) {
+              if (!dimInfo2) {
+                throw new Error("Can not find dimension by " + dimConfig);
+              }
+            }
+          }
+          function normalizeNewDimensions(dimensionsConfig) {
+            if (arrayUtil.isArray(dimensionsConfig)) {
+              var names = [];
+              var indices = [];
+              for (var i = 0; i < dimensionsConfig.length; i++) {
+                var item = parseDimensionNewItem(dimensionsConfig[i]);
+                names.push(item.name);
+                indices.push(item.index);
+              }
+              return { name: names, index: indices };
+            } else if (dimensionsConfig != null) {
+              return parseDimensionNewItem(dimensionsConfig);
+            }
+            function parseDimensionNewItem(dimConfig) {
+              if (numberUtil.isNumber(dimConfig)) {
+                return { index: dimConfig };
+              } else if (objectUtil.isObject(dimConfig) && numberUtil.isNumber(dimConfig.index)) {
+                return dimConfig;
+              }
+              throw new Error("Illegle new dimensions config. Expect `{ name: string, index: number }`.");
+            }
+          }
+          return {
+            normalizeExistingDimensions,
+            normalizeNewDimensions
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          function extend(target, source) {
+            if (Object.assign) {
+              Object.assign(target, source);
+            } else {
+              for (var key in source) {
+                if (source.hasOwnProperty(key)) {
+                  target[key] = source[key];
+                }
+              }
+            }
+            return target;
+          }
+          function isObject(value) {
+            const type = typeof value;
+            return type === "function" || !!value && type === "object";
+          }
+          return {
+            extend,
+            isObject
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var histogram = __webpack_require__(15);
+          var transformHelper = __webpack_require__(19);
+          return {
+            type: "ecStat:histogram",
+            transform: function transform(params) {
+              var upstream = params.upstream;
+              var config = params.config || {};
+              var result = histogram(upstream.cloneRawData(), {
+                method: config.method,
+                dimensions: transformHelper.normalizeExistingDimensions(params, config.dimensions)
+              });
+              return [{
+                dimensions: ["MeanOfV0V1", "VCount", "V0", "V1", "DisplayableName"],
+                data: result.data
+              }, {
+                data: result.customData
+              }];
+            }
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      },
+      function(module2, exports2, __webpack_require__) {
+        var __WEBPACK_AMD_DEFINE_RESULT__;
+        !(__WEBPACK_AMD_DEFINE_RESULT__ = function(require2) {
+          var clustering = __webpack_require__(1);
+          var numberUtil = __webpack_require__(4);
+          var transformHelper = __webpack_require__(19);
+          var isNumber = numberUtil.isNumber;
+          return {
+            type: "ecStat:clustering",
+            transform: function transform(params) {
+              var upstream = params.upstream;
+              var config = params.config || {};
+              var clusterCount = config.clusterCount;
+              if (!isNumber(clusterCount) || clusterCount <= 0) {
+                throw new Error('config param "clusterCount" need to be specified as an interger greater than 1.');
+              }
+              if (clusterCount === 1) {
+                return [{}, {
+                  data: []
+                }];
+              }
+              var outputClusterIndexDimension = transformHelper.normalizeNewDimensions(config.outputClusterIndexDimension);
+              var outputCentroidDimensions = transformHelper.normalizeNewDimensions(config.outputCentroidDimensions);
+              if (outputClusterIndexDimension == null) {
+                throw new Error("outputClusterIndexDimension is required as a number.");
+              }
+              var result = clustering.hierarchicalKMeans(upstream.cloneRawData(), {
+                clusterCount,
+                stepByStep: false,
+                dimensions: transformHelper.normalizeExistingDimensions(params, config.dimensions),
+                outputType: clustering.OutputType.SINGLE,
+                outputClusterIndexDimension: outputClusterIndexDimension.index,
+                outputCentroidDimensions: (outputCentroidDimensions || {}).index
+              });
+              var sourceDimAll = upstream.cloneAllDimensionInfo();
+              var resultDimsDef = [];
+              for (var i = 0; i < sourceDimAll.length; i++) {
+                var sourceDimItem = sourceDimAll[i];
+                resultDimsDef.push(sourceDimItem.name);
+              }
+              resultDimsDef[outputClusterIndexDimension.index] = outputClusterIndexDimension.name;
+              if (outputCentroidDimensions) {
+                for (var i = 0; i < outputCentroidDimensions.index.length; i++) {
+                  if (outputCentroidDimensions.name[i] != null) {
+                    resultDimsDef[outputCentroidDimensions.index[i]] = outputCentroidDimensions.name[i];
+                  }
+                }
+              }
+              return [{
+                dimensions: resultDimsDef,
+                data: result.data
+              }, {
+                data: result.centroids
+              }];
+            }
+          };
+        }.call(exports2, __webpack_require__, exports2, module2), __WEBPACK_AMD_DEFINE_RESULT__ !== void 0 && (module2.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+      }
+    ]);
+  });
+})(ecStat);
+var echartsStat = ecStat.exports;
+function getRegressionConfs({ regressions = [] }, data) {
+  const regressionDataSets = [];
+  const regressionSeries = [];
+  const regressionXAxes = [];
+  if (data.length === 0) {
+    return { regressionDataSets, regressionSeries, regressionXAxes };
+  }
+  regressions.forEach(({ transform, plot, name, y_axis_data_key }) => {
+    const xAxisId = `x-axis-for-${name}`;
+    const rawDatasetId = `dataset-for-${name}--raw`;
+    const regDatasetId = `dataset-for-${name}--transformed`;
+    regressionDataSets.push({
+      id: rawDatasetId,
+      source: data.map((d, i) => [i, d[y_axis_data_key]])
+    });
+    regressionDataSets.push({
+      transform,
+      id: regDatasetId,
+      fromDatasetId: rawDatasetId
+    });
+    regressionSeries.push(__spreadProps(__spreadValues({}, plot), {
+      name,
+      datasetId: regDatasetId,
+      xAxisId,
+      showSymbol: false,
+      tooltip: {
+        show: false
+      }
+    }));
+    regressionXAxes.push({
+      type: "category",
+      id: xAxisId,
+      datasetId: regDatasetId,
+      show: false
+    });
+  });
+  return { regressionDataSets, regressionSeries, regressionXAxes };
+}
 const defaultOption$1 = {
   legend: {
     show: true,
@@ -714,6 +2015,95 @@ const defaultOption$1 = {
     containLabel: true
   }
 };
+function getOption(conf, data) {
+  var _c;
+  const labelFormatters = conf.y_axes.reduce((ret, { label_formatter }, index2) => {
+    ret[index2] = function formatter(payload) {
+      const value = typeof payload === "object" ? payload.value : payload;
+      if (!label_formatter) {
+        return value;
+      }
+      try {
+        return numbro(value).format(label_formatter);
+      } catch (error) {
+        console.error(error);
+        return value;
+      }
+    };
+    return ret;
+  }, {
+    default: ({ value }) => value
+  });
+  const yAxisIndexMap = conf.series.reduce((ret, { yAxisIndex, name }) => {
+    ret[name] = yAxisIndex;
+    return ret;
+  }, {});
+  const series = conf.series.map((_a) => {
+    var _b = _a, { y_axis_data_key, yAxisIndex, label_position, name } = _b, rest = __objRest(_b, ["y_axis_data_key", "yAxisIndex", "label_position", "name"]);
+    const ret = __spreadValues({
+      data: data.map((d) => d[y_axis_data_key]),
+      label: {
+        show: !!label_position,
+        position: label_position,
+        formatter: labelFormatters[yAxisIndex != null ? yAxisIndex : "default"]
+      },
+      name,
+      xAxisId: "main-x-axis",
+      yAxisIndex
+    }, rest);
+    return ret;
+  });
+  const { regressionDataSets, regressionSeries, regressionXAxes } = getRegressionConfs(conf, data);
+  const customOptions = {
+    xAxis: [
+      {
+        data: data.map((d) => d[conf.x_axis_data_key]),
+        name: (_c = conf.x_axis_name) != null ? _c : "",
+        id: "main-x-axis"
+      },
+      ...regressionXAxes
+    ],
+    yAxis: conf.y_axes.map((_d, index2) => {
+      var _e = _d, { label_formatter } = _e, rest = __objRest(_e, ["label_formatter"]);
+      var _a;
+      return __spreadProps(__spreadValues({}, rest), {
+        axisLabel: {
+          show: true,
+          formatter: (_a = labelFormatters[index2]) != null ? _a : labelFormatters.default
+        }
+      });
+    }),
+    dataset: [
+      ...regressionDataSets
+    ],
+    series: [
+      ...series,
+      ...regressionSeries
+    ],
+    tooltip: {
+      formatter: function(params) {
+        const arr = Array.isArray(params) ? params : [params];
+        if (arr.length === 0) {
+          return "";
+        }
+        const lines = arr.map(({ seriesName, value }) => {
+          var _a;
+          if (!seriesName) {
+            return value;
+          }
+          const yAxisIndex = yAxisIndexMap[seriesName];
+          const formatter = (_a = labelFormatters[yAxisIndex]) != null ? _a : labelFormatters.default;
+          return `${seriesName}: ${formatter({ value })}`;
+        });
+        lines.unshift(`<strong>${arr[0].name}</strong>`);
+        return lines.join("<br />");
+      }
+    }
+  };
+  return _.merge({}, defaultOption$1, customOptions);
+}
+echarts.use([BarChart, LineChart, ScatterChart, GridComponent, LegendComponent, TooltipComponent, CanvasRenderer]);
+echarts.registerTransform(echartsStat.transform.regression);
 function VizCartesianChart({
   conf,
   data,
@@ -721,108 +2111,7 @@ function VizCartesianChart({
   height
 }) {
   const option = React.useMemo(() => {
-    var _c;
-    const labelFormatters = conf.y_axes.reduce((ret, {
-      label_formatter
-    }, index2) => {
-      ret[index2] = function formatter(payload) {
-        const value = typeof payload === "object" ? payload.value : payload;
-        if (!label_formatter) {
-          return value;
-        }
-        try {
-          return numbro(value).format(label_formatter);
-        } catch (error) {
-          console.error(error);
-          return value;
-        }
-      };
-      return ret;
-    }, {
-      default: ({
-        value
-      }) => value
-    });
-    const yAxisIndexMap = conf.series.reduce((ret, {
-      yAxisIndex,
-      name
-    }) => {
-      ret[name] = yAxisIndex;
-      return ret;
-    }, {});
-    const series = conf.series.map((_a) => {
-      var _b = _a, {
-        y_axis_data_key,
-        yAxisIndex,
-        label_position,
-        name
-      } = _b, rest = __objRest(_b, [
-        "y_axis_data_key",
-        "yAxisIndex",
-        "label_position",
-        "name"
-      ]);
-      const ret = __spreadValues({
-        data: data.map((d) => d[y_axis_data_key]),
-        label: {
-          show: !!label_position,
-          position: label_position,
-          formatter: labelFormatters[yAxisIndex != null ? yAxisIndex : "default"]
-        },
-        name,
-        yAxisIndex
-      }, rest);
-      return ret;
-    });
-    const customOptions = {
-      xAxis: {
-        data: data.map((d) => d[conf.x_axis_data_key]),
-        name: (_c = conf.x_axis_name) != null ? _c : ""
-      },
-      yAxis: conf.y_axes.map((_d, index2) => {
-        var _e = _d, {
-          label_formatter
-        } = _e, rest = __objRest(_e, [
-          "label_formatter"
-        ]);
-        var _a;
-        return __spreadProps(__spreadValues({}, rest), {
-          axisLabel: {
-            show: true,
-            formatter: (_a = labelFormatters[index2]) != null ? _a : labelFormatters.default
-          }
-        });
-      }),
-      dataset: {
-        source: data
-      },
-      series,
-      tooltip: {
-        formatter: function(params) {
-          const arr = Array.isArray(params) ? params : [params];
-          if (arr.length === 0) {
-            return "";
-          }
-          const lines = arr.map(({
-            seriesName,
-            value
-          }) => {
-            var _a;
-            if (!seriesName) {
-              return value;
-            }
-            const yAxisIndex = yAxisIndexMap[seriesName];
-            const formatter = (_a = labelFormatters[yAxisIndex]) != null ? _a : labelFormatters.default;
-            return `${seriesName}: ${formatter({
-              value
-            })}`;
-          });
-          lines.unshift(`<strong>${arr[0].name}</strong>`);
-          return lines.join("<br />");
-        }
-      }
-    };
-    return _.merge({}, defaultOption$1, customOptions);
+    return getOption(conf, data);
   }, [conf, data]);
   if (!width || !height) {
     return null;
@@ -1610,7 +2899,6 @@ function renderViz(width, height, data, viz) {
   switch (viz.type) {
     case "sunburst":
       return /* @__PURE__ */ jsx(Sunbrust, __spreadValues({}, props));
-    case "line-bar":
     case "cartesian":
       return /* @__PURE__ */ jsx(VizCartesianChart, __spreadValues({}, props));
     case "table":
@@ -1913,6 +3201,139 @@ function _MantineColorSelector({
   });
 }
 const MantineColorSelector = React.forwardRef(_MantineColorSelector);
+function BarFields({
+  control,
+  index: index2
+}) {
+  return /* @__PURE__ */ jsxs(Group, {
+    direction: "row",
+    grow: true,
+    align: "top",
+    children: [/* @__PURE__ */ jsx(Controller, {
+      name: `series.${index2}.stack`,
+      control,
+      render: ({
+        field
+      }) => /* @__PURE__ */ jsx(TextInput, __spreadValues({
+        label: "Stack",
+        placeholder: "Stack bars by this ID",
+        sx: {
+          flexGrow: 1
+        }
+      }, field))
+    }), /* @__PURE__ */ jsx(Controller, {
+      name: `series.${index2}.barWidth`,
+      control,
+      render: ({
+        field
+      }) => /* @__PURE__ */ jsx(TextInput, __spreadValues({
+        label: "Bar Width",
+        sx: {
+          flexGrow: 1
+        }
+      }, field))
+    })]
+  });
+}
+const stepOptions = [{
+  label: "off",
+  value: "false"
+}, {
+  label: "start",
+  value: "start"
+}, {
+  label: "middle",
+  value: "middle"
+}, {
+  label: "end",
+  value: "end"
+}];
+function LineFields({
+  control,
+  index: index2
+}) {
+  return /* @__PURE__ */ jsxs(Group, {
+    direction: "row",
+    grow: true,
+    align: "center",
+    children: [/* @__PURE__ */ jsx(Controller, {
+      name: `series.${index2}.step`,
+      control,
+      render: ({
+        field
+      }) => /* @__PURE__ */ jsx(Select, __spreadProps(__spreadValues({
+        label: "Step",
+        data: stepOptions,
+        sx: {
+          flexGrow: 1,
+          maxWidth: "48%"
+        }
+      }, field), {
+        value: String(field.value),
+        onChange: (v) => {
+          const step = v === "false" ? false : v;
+          field.onChange(step);
+        }
+      }))
+    }), /* @__PURE__ */ jsx(Controller, {
+      name: `series.${index2}.smooth`,
+      control,
+      render: ({
+        field
+      }) => /* @__PURE__ */ jsx(Box, {
+        sx: {
+          flexGrow: 1
+        },
+        children: /* @__PURE__ */ jsx(Switch, {
+          label: "Smooth Line",
+          checked: field.value,
+          onChange: (event) => field.onChange(event.currentTarget.checked)
+        })
+      })
+    })]
+  });
+}
+const symbolSizeOptions = Array.from(new Array(9), (_2, i) => ({
+  label: String(i + 1),
+  value: i + 1
+}));
+function ScatterFields({
+  control,
+  index: index2
+}) {
+  return /* @__PURE__ */ jsx(Group, {
+    direction: "row",
+    grow: true,
+    align: "center",
+    children: /* @__PURE__ */ jsx(Controller, {
+      name: `series.${index2}.symbolSize`,
+      control,
+      render: ({
+        field
+      }) => /* @__PURE__ */ jsxs(Group, {
+        direction: "column",
+        noWrap: true,
+        sx: {
+          flexGrow: 1
+        },
+        pb: 16,
+        spacing: 4,
+        children: [/* @__PURE__ */ jsx(Text, {
+          size: "sm",
+          children: "Size"
+        }), /* @__PURE__ */ jsx(Slider, __spreadProps(__spreadValues({
+          min: 1,
+          max: 10,
+          marks: symbolSizeOptions
+        }, field), {
+          sx: {
+            width: "100%"
+          }
+        }))]
+      })
+    })
+  });
+}
 const labelPositions = [{
   label: "off",
   value: ""
@@ -1993,8 +3414,7 @@ function SeriesItemField({
             value: "bar"
           }, {
             label: "Scatter",
-            value: "scatter",
-            disabled: true
+            value: "scatter"
           }, {
             label: "Boxplot",
             value: "boxplot",
@@ -2061,37 +3481,18 @@ function SeriesItemField({
             sx: {
               flex: 1
             }
-          }));
-        }
-      })]
-    }), type === "bar" && /* @__PURE__ */ jsxs(Group, {
-      direction: "row",
-      grow: true,
-      align: "top",
-      children: [/* @__PURE__ */ jsx(Controller, {
-        name: `series.${index2}.stack`,
-        control,
-        render: ({
-          field
-        }) => /* @__PURE__ */ jsx(TextInput, __spreadValues({
-          label: "Stack",
-          placeholder: "Stack bars by this ID",
-          sx: {
-            flexGrow: 1
-          }
-        }, field))
-      }), /* @__PURE__ */ jsx(Controller, {
-        name: `series.${index2}.barWidth`,
-        control,
-        render: ({
-          field
-        }) => /* @__PURE__ */ jsx(TextInput, __spreadValues({
-          label: "Bar Width",
-          sx: {
-            flexGrow: 1
-          }
-        }, field))
+          }));
+        }
       })]
+    }), type === "line" && /* @__PURE__ */ jsx(LineFields, {
+      index: index2,
+      control
+    }), type === "bar" && /* @__PURE__ */ jsx(BarFields, {
+      index: index2,
+      control
+    }), type === "scatter" && /* @__PURE__ */ jsx(ScatterFields, {
+      index: index2,
+      control
     }), /* @__PURE__ */ jsx(Controller, {
       name: `series.${index2}.label_position`,
       control,
@@ -2144,7 +3545,7 @@ function SeriesField({
     control,
     name: "series"
   });
-  const watchFieldArray = watch("y_axes");
+  const watchFieldArray = watch("series");
   const controlledFields = fields.map((field, index2) => {
     return __spreadValues(__spreadValues({}, field), watchFieldArray[index2]);
   });
@@ -2152,11 +3553,14 @@ function SeriesField({
     type: "bar",
     name: randomId(),
     showSymbol: false,
+    symbolSize: 5,
     y_axis_data_key: "value",
     yAxisIndex: 0,
     label_position: "top",
     stack: "",
-    color: "#000"
+    color: "#000",
+    step: false,
+    smooth: false
   });
   const yAxisOptions = React.useMemo(() => {
     return getValues().y_axes.map(({
@@ -2169,11 +3573,7 @@ function SeriesField({
   return /* @__PURE__ */ jsxs(Group, {
     direction: "column",
     grow: true,
-    children: [/* @__PURE__ */ jsx(Text, {
-      mt: "xl",
-      mb: 0,
-      children: "Series"
-    }), controlledFields.map((seriesItem, index2) => /* @__PURE__ */ jsx(SeriesItemField, {
+    children: [controlledFields.map((seriesItem, index2) => /* @__PURE__ */ jsx(SeriesItemField, {
       control,
       index: index2,
       remove,
@@ -2334,11 +3734,7 @@ function YAxesField({
   return /* @__PURE__ */ jsxs(Group, {
     direction: "column",
     grow: true,
-    children: [/* @__PURE__ */ jsx(Text, {
-      mt: "xl",
-      mb: 0,
-      children: "Y Axes"
-    }), controlledFields.map((field, index2) => /* @__PURE__ */ jsx(YAxisField, {
+    children: [controlledFields.map((field, index2) => /* @__PURE__ */ jsx(YAxisField, {
       control,
       index: index2,
       remove
@@ -2352,28 +3748,248 @@ function YAxesField({
     })]
   });
 }
+const regressionOptions = [{
+  label: "Linear",
+  value: "linear"
+}, {
+  label: "Exponential",
+  value: "exponential"
+}, {
+  label: "Logarithmic",
+  value: "logarithmic"
+}, {
+  label: "Polynomial",
+  value: "polynomial"
+}];
+function RegressionField({
+  control,
+  regressionItem,
+  index: index2,
+  remove,
+  yAxisOptions,
+  data
+}) {
+  const method = regressionItem.transform.config.method;
+  return /* @__PURE__ */ jsxs(Group, {
+    direction: "column",
+    grow: true,
+    my: 0,
+    p: "md",
+    pr: 40,
+    sx: {
+      border: "1px solid #eee",
+      position: "relative"
+    },
+    children: [/* @__PURE__ */ jsx(Controller, {
+      name: `regressions.${index2}.name`,
+      control,
+      render: ({
+        field
+      }) => /* @__PURE__ */ jsx(TextInput, __spreadValues({
+        label: "Name",
+        required: true,
+        sx: {
+          flex: 1
+        }
+      }, field))
+    }), /* @__PURE__ */ jsxs(Group, {
+      direction: "row",
+      grow: true,
+      noWrap: true,
+      children: [/* @__PURE__ */ jsx(Controller, {
+        name: `regressions.${index2}.y_axis_data_key`,
+        control,
+        render: ({
+          field
+        }) => /* @__PURE__ */ jsx(DataFieldSelector, __spreadValues({
+          label: "Value Field",
+          required: true,
+          data,
+          sx: {
+            flex: 1
+          }
+        }, field))
+      }), /* @__PURE__ */ jsx(Controller, {
+        name: `regressions.${index2}.plot.yAxisIndex`,
+        control,
+        render: (_a) => {
+          var {
+            field: _b
+          } = _a, _c = _b, {
+            value,
+            onChange
+          } = _c, rest = __objRest(_c, [
+            "value",
+            "onChange"
+          ]);
+          var _a2;
+          return /* @__PURE__ */ jsx(Select, __spreadProps(__spreadValues({
+            label: "Y Axis",
+            data: yAxisOptions,
+            disabled: yAxisOptions.length === 0
+          }, rest), {
+            value: (_a2 = value == null ? void 0 : value.toString()) != null ? _a2 : "",
+            onChange: (value2) => {
+              if (!value2) {
+                onChange(0);
+                return;
+              }
+              onChange(Number(value2));
+            },
+            sx: {
+              flex: 1
+            }
+          }));
+        }
+      })]
+    }), /* @__PURE__ */ jsxs(Group, {
+      direction: "row",
+      grow: true,
+      noWrap: true,
+      children: [/* @__PURE__ */ jsx(Controller, {
+        name: `regressions.${index2}.transform.config.method`,
+        control,
+        render: ({
+          field
+        }) => /* @__PURE__ */ jsx(Select, __spreadValues({
+          label: "Method",
+          data: regressionOptions,
+          sx: {
+            flex: 1
+          }
+        }, field))
+      }), method === "polynomial" && /* @__PURE__ */ jsx(Controller, {
+        name: `regressions.${index2}.transform.config.order`,
+        control,
+        render: ({
+          field
+        }) => /* @__PURE__ */ jsx(NumberInput, __spreadValues({
+          label: "Order",
+          sx: {
+            flex: 1
+          }
+        }, field))
+      })]
+    }), /* @__PURE__ */ jsxs(Group, {
+      direction: "column",
+      grow: true,
+      spacing: 4,
+      children: [/* @__PURE__ */ jsx(Text, {
+        size: "sm",
+        children: "Color"
+      }), /* @__PURE__ */ jsx(Controller, {
+        name: `regressions.${index2}.plot.color`,
+        control,
+        render: ({
+          field
+        }) => /* @__PURE__ */ jsx(MantineColorSelector, __spreadValues({}, field))
+      })]
+    }), /* @__PURE__ */ jsx(ActionIcon, {
+      color: "red",
+      variant: "hover",
+      onClick: () => remove(index2),
+      sx: {
+        position: "absolute",
+        top: 15,
+        right: 5
+      },
+      children: /* @__PURE__ */ jsx(Trash, {
+        size: 16
+      })
+    })]
+  }, index2);
+}
+function RegressionsField({
+  control,
+  watch,
+  getValues,
+  data
+}) {
+  const {
+    fields,
+    append,
+    remove
+  } = useFieldArray({
+    control,
+    name: "regressions"
+  });
+  const watchFieldArray = watch("regressions");
+  const controlledFields = fields.map((field, index2) => {
+    return __spreadValues(__spreadValues({}, field), watchFieldArray[index2]);
+  });
+  const yAxisOptions = React.useMemo(() => {
+    return getValues().y_axes.map(({
+      name
+    }, index2) => ({
+      label: name,
+      value: index2.toString()
+    }));
+  }, [getValues]);
+  const add = () => append({
+    transform: {
+      type: "ecStat:regression",
+      config: {
+        method: "linear",
+        order: 1,
+        formulaOn: "end"
+      }
+    },
+    name: "",
+    y_axis_data_key: "",
+    plot: {
+      type: "line",
+      yAxisIndex: 0,
+      color: "#666666"
+    }
+  });
+  return /* @__PURE__ */ jsxs(Group, {
+    direction: "column",
+    grow: true,
+    children: [controlledFields.map((regressionItem, index2) => /* @__PURE__ */ jsx(RegressionField, {
+      regressionItem,
+      control,
+      index: index2,
+      remove,
+      yAxisOptions,
+      data
+    })), /* @__PURE__ */ jsx(Group, {
+      position: "center",
+      mt: "xs",
+      children: /* @__PURE__ */ jsx(Button, {
+        onClick: add,
+        children: "Add a Regression Line"
+      })
+    })]
+  });
+}
 function withDefaults(series) {
   function setDefaults({
     type,
     name,
     showSymbol,
+    symbolSize = 5,
     y_axis_data_key = "value",
     yAxisIndex = 0,
     label_position = "top",
     stack = "1",
     color: color2 = "black",
-    barWidth = "30"
+    barWidth = "30",
+    smooth = false,
+    step = false
   }) {
     return {
       type,
       name,
       showSymbol,
+      symbolSize,
       y_axis_data_key,
       yAxisIndex,
       label_position,
       stack,
       color: color2,
-      barWidth
+      barWidth,
+      smooth,
+      step
     };
   }
   return series.map(setDefaults);
@@ -2415,13 +4031,15 @@ function VizCartesianChartPanel({
     control,
     handleSubmit,
     watch,
-    formState: {
-      isDirty
-    },
     getValues
   } = useForm({
     defaultValues
   });
+  watch(["x_axis_data_key", "x_axis_name"]);
+  const values = getValues();
+  const changed = React.useMemo(() => {
+    return !_.isEqual(values, conf);
+  }, [values, conf]);
   return /* @__PURE__ */ jsx(Group, {
     direction: "column",
     mt: "md",
@@ -2430,10 +4048,12 @@ function VizCartesianChartPanel({
     children: /* @__PURE__ */ jsxs("form", {
       onSubmit: handleSubmit(setConf),
       children: [/* @__PURE__ */ jsxs(Group, {
-        position: "apart",
-        mb: "lg",
+        position: "left",
+        py: "md",
+        pl: "md",
         sx: {
-          position: "relative"
+          borderBottom: "1px solid #eee",
+          background: "#efefef"
         },
         children: [/* @__PURE__ */ jsx(Text, {
           children: "Chart Config"
@@ -2442,46 +4062,73 @@ function VizCartesianChartPanel({
           mr: 5,
           variant: "filled",
           color: "blue",
-          disabled: !isDirty,
+          disabled: !changed,
           children: /* @__PURE__ */ jsx(DeviceFloppy, {
             size: 20
           })
         })]
-      }), /* @__PURE__ */ jsxs(Group, {
-        direction: "column",
-        grow: true,
-        noWrap: true,
-        mb: "lg",
-        children: [/* @__PURE__ */ jsx(Controller, {
-          name: "x_axis_data_key",
-          control,
-          render: ({
-            field
-          }) => /* @__PURE__ */ jsx(DataFieldSelector, __spreadValues({
-            label: "X Axis Data Field",
-            required: true,
-            data,
-            sx: {
-              flex: 1
-            }
-          }, field))
-        }), /* @__PURE__ */ jsx(Controller, {
-          name: "x_axis_name",
-          control,
-          render: ({
-            field
-          }) => /* @__PURE__ */ jsx(TextInput, __spreadValues({
-            label: "X Axis Name"
-          }, field))
+      }), /* @__PURE__ */ jsxs(Accordion, {
+        offsetIcon: false,
+        multiple: true,
+        initialState: {
+          0: true,
+          1: true
+        },
+        children: [/* @__PURE__ */ jsx(Accordion.Item, {
+          label: "X Axis",
+          children: /* @__PURE__ */ jsxs(Group, {
+            direction: "row",
+            grow: true,
+            noWrap: true,
+            children: [/* @__PURE__ */ jsx(Controller, {
+              name: "x_axis_data_key",
+              control,
+              render: ({
+                field
+              }) => /* @__PURE__ */ jsx(DataFieldSelector, __spreadValues({
+                label: "X Axis Data Field",
+                required: true,
+                data,
+                sx: {
+                  flex: 1
+                }
+              }, field))
+            }), /* @__PURE__ */ jsx(Controller, {
+              name: "x_axis_name",
+              control,
+              render: ({
+                field
+              }) => /* @__PURE__ */ jsx(TextInput, __spreadValues({
+                label: "X Axis Name",
+                sx: {
+                  flex: 1
+                }
+              }, field))
+            })]
+          })
+        }), /* @__PURE__ */ jsx(Accordion.Item, {
+          label: "Y Axes",
+          children: /* @__PURE__ */ jsx(YAxesField, {
+            control,
+            watch
+          })
+        }), /* @__PURE__ */ jsx(Accordion.Item, {
+          label: "Series",
+          children: /* @__PURE__ */ jsx(SeriesField, {
+            control,
+            watch,
+            getValues,
+            data
+          })
+        }), /* @__PURE__ */ jsx(Accordion.Item, {
+          label: "Regression Lines",
+          children: /* @__PURE__ */ jsx(RegressionsField, {
+            control,
+            watch,
+            getValues,
+            data
+          })
         })]
-      }), /* @__PURE__ */ jsx(YAxesField, {
-        control,
-        watch
-      }), /* @__PURE__ */ jsx(SeriesField, {
-        control,
-        watch,
-        getValues,
-        data
       })]
     })
   });