ecStat 是 ECharts 的统计和数据挖掘工具。你可以把它当作一个工具库直接用来分析数据;你也可以将其与 ECharts 结合使用,用 ECharts 可视化数据分析的结果。
同时支持 Node 和浏览器中使用。
如果你使用 npm ,直接运行下面的命令:
npm install echarts-stat
或者, 从 dist 目录直接下载引用:
<script src='./dist/ecStat.js'></script>
<script>
var result = ecStat.clustering.hierarchicalKMeans(data, clusterNumber, false);
</script>
直方图主要用来可视化数值型数据的分布情况。用以直观判断数值型数据的概率分布,是一种特殊类型的柱状图。构建直方图的第一步是将总的数值区间切割成一个个小的区间间隔,然后统计落入每个区间间隔中的数值样本个数,并且每个小区间间隔都是连续的、大小相等的、相互不重叠的,即 [[x0, x1), [x1, x2), [x2, x3]]。
var bins = ecStat.histogram(data, binMethod);
data
- Array<number>
. 数值样本.
var data = [8.6, 8.8, 10.5, 10.7, 10.8, 11.0, ... ];
binMethod
- string
. 直方图提供了四种计算小区间间隔个数的方法,分别是 squareRoot
, scott
, freedmanDiaconis
和 sturges
。这里的每个小区间间隔又称为 bin
,所有的小区间间隔组成的数组称为 bins
。当然,对于一个直方图来说,没有所谓的最佳区间间隔个数,不同的区间间隔大小会揭示数据样本不同的数值特性。
squareRoot
- 默认方法,Excel 的直方图中也是使用这个方法计算 bins
。依照 Square-root choice 返回 bin 的个数:
var bins = ecStat.histogram(data);
scott
- 依照 Scott's normal reference Rule 返回 bin 的个数:
var bins = ecStat.histogram(data, 'scott');
freedmanDiaconis
- 依照 The Freedman-Diaconis rule 返回 bin 的个数:
var bins = ecStat.histogram(data, 'freedmanDiaconis');
sturges
- 依照 Sturges' formula 返回 bin 的个数:
var bins = ecStat.histogram(data, 'sturges');
bins
- Object
. 返回值包含了每一个 bin 的详细信息,以及用 ECharts 绘制直方图所需要的数据信息。
bins.bins
- Array.<Object>
. 包含所有小区间间隔的数组,其中每个区间间隔是一个对象,包含如下三个属性:
x0
- number
. 区间间隔的下界 (包含)。x1
- number
. 区间间隔的上界 (不包含)。sample
- Array.<number>
. 落入该区间间隔的原始输入样本数据。bins.data
- Array.<Array.<number>>
. 用 ECharts 柱状图绘制直方图所需要的数据信息。这是一个二维数据,其中每个数据项是一个一维数组。该一维数组包含了 x0 和 x1 的均值,以及上述 sample 数组的长度,示例如下:
var bins.data = [
[mean1, len1],
[mean2, len2],
...
];
bins.customData
- Array.<Array<number>>
. 用 ECharts 自定义图表绘制直方图所需要的数据信息。这是一个二维数据,其中每个数据项是一个一维数组。该一维数组包含了 x0 和 x1,以及上述 sample 数组的长度,示例如下:
var bins.customData = [
[x0, x1, len1],
...
];
这个示例使用 ECharts 自定义图表绘制直方图,相较于柱状图我们更推荐使用自定义图表绘制直方图。
<script src='https://cdn.bootcss.com/echarts/3.4.0/echarts.js'></script>
<script src='./dist/ecStat.js'></script>
<script>
var bins = ecStat.histogram(data);
var option = {
...
series: [{
type: 'custom',
...
}],
...
}
</script>
聚类可以将原始输入数据分割成多个具有不同特征的数据簇。并且通过 ECharts 既可以可视化聚类的结果,也可以可视化聚类的分割过程。
var result = ecStat.clustering.hierarchicalKMeans(data, clusterNumber, stepByStep);
data
- Array.<Array.<number>>
. 这是一个二维数组,其中每个数据对象是具有多个数值属性的一维数组。如下,data[0]
就是一个数据对象,data[0][1]
是该数据对象的一个数值属性。
var data = [
[1, 2, 3, 4, 5],
[6, 7, 8, 9, 10],
[11, 12, 13, 14, 15],
...
];
clusterNumer
- number
. 要生成的数据簇的个数。 注意,该数值必须大于 1。
stepByStep
- boolean
. 该参数主要用于可视化聚类算法每一步的分割过程,即动态地展示数据簇如何从 2 个到 3 个,4 个, .... 。
result
- Object
. 包含每个数据簇的中心点 centroids,聚类的评估结果 clusterAssment,以及每个数据簇所包含的原始数据对象 pointsInCluster。如下:
result.centroids = [
[-0.460, -2.778],
[2.934, 3.128],
...
];
// indicate which cluster each data point belonging to, and the distance to cluster centroids
result.clusterAssment = [
[1, 0.145],
[2, 0.680],
[0, 1.022],
...
];
// concrete data point in each cluster
result.pointsInCluster = [
[
[0.335, -3.376],
[-0.994, -0.884],
...
],
...
];
调用该接口不仅可以做聚类分析,还可以将聚类的结果用 ECharts 展现出来。
注意:聚类算法可以处理具有多个数值属性的一组数据对象,这里为了可视化的方便,我们以具有两个数值属性的数据对象为例。
<script src='https://cdn.bootcss.com/echarts/3.4.0/echarts.js'></script>
<script src='./dist/ecStat.js'></script>
<script>
var clusterNumber = 3;
var result = ecStat.clustering.hierarchicalKMeans(data, clusterNumber, false);
</script>
<script src='https://cdn.bootcss.com/echarts/3.4.0/echarts.js'></script>
<script src='./dist/ecStat.js'></script>
<script>
var clusterNumber = 6;
var result = ecStat.clustering.hierarchicalKMeans(data, clusterNumber, true);
</script>
回归算法根据原始输入数据集中自变量和因变量的值拟合出一条曲线,以反映它们的变化趋势。目前只支持单个自变量的回归算法。
var myRegression = ecStat.regression(regressionType, data, order);
regressionType
- string
. 回归类型,提供了四种类型的回归算法,分别是 'linear'
, 'exponential'
, 'logarithmic'
, 'polynomial'
。data
- Array.<Array.<number>>
. 原始的输入数据是一个二维的数值数组,其中每个数据对象是包含两个数值属性的一维数组,分别表示自变量和因变量的值。如下:
var data = [
[1, 2],
[3, 5],
...
];
order
- number
. 多项式的阶数。对于非多项式回归,可以忽略该参数。myRegression
- Object
. 包括用于绘制折线图的拟合数据点 points
,回归曲线的参数 parameter
,以及拟合出的曲线表达式 expression
。如下:
myRegression.points = [
[1, 2],
[3, 4],
...
];
// this is the parameter of linear regression, for other types, it shoule be a little different
myRegression.parameter = {
gradient: 1.695,
intercept: 3.008
};
myRegression.expression = 'y = 1.7x + 3.01';
不仅可以调用该接口做回归分析,还可以将分析的结果用 ECharts 展现出来。
<script src='https://cdn.bootcss.com/echarts/3.4.0/echarts.js'></script>
<script src='./dist/ecStat.js'></script>
<script>
var myRegression = ecStat.regression('linear', data);
</script>
<script src='https://cdn.bootcss.com/echarts/3.4.0/echarts.js'></script>
<script src='./dist/ecStat.js'></script>
<script>
var myRegression = ecStat.regression('exponential', data);
</script>
<script src='https://cdn.bootcss.com/echarts/3.4.0/echarts.js'></script>
<script src='./dist/ecStat.js'></script>
<script>
var myRegression = ecStat.regression('logarithmic', data);
</script>
<script src='https://cdn.bootcss.com/echarts/3.4.0/echarts.js'></script>
<script src='./dist/ecStat.js'></script>
<script>
var myRegression = ecStat.regression('polynomial', data, 3);
</script>
这些接口提供了基本汇总统计功能。
var sampleDeviation = ecStat.statistics.deviation(dataList);
dataList
: Array.<number>
. 输入的数值样本集。sampleDeviation
: number
. 返回输入数组 dataList 的标准差。如果 dataList 为空或者长度小于 2,返回 0.var varianceValue = ecStat.statistics.sampleVariance(dataList);
dataList
: Array.<number>
. 输入的数值样本集。varianceValue
: number
. 返回输入数组 dataList 的样本方差。如果 dataList 为空或者长度小于 2,返回 0.var quantileValue = ecStat.statistics.quantile(dataList, p);
dataList
: Array.<number>
. 输入的数值数组,该数组必须是按从小到大有序排列的.p
: number
. 分位数,取值在 [0, 1] 之间. 例如, 第一四分位数对应的 p 值是 0.25;第二四分位数,也就是中位数,对应的 p 值是 0.5;第三四分位数对应的 p 值是 0.75.quantileValue
: number
. 计算得到的分位数值。如果输入的 p 值小于等于 0 或者 dataList 的长度小于2,则返回有序数组 dataList 的第一个值;如果输入的 p 值大于等于1,则返回有序数组 dataList 的最后一个值;如果输入的有序数组 dataList 为空,则返回 0.var maxValue = ecStat.statistics.max(dataList);
dataList
: Array.<number>
. 输入的数值样本集。maxValue
: number
. 返回输入数组 dataList 的最大值。var minValue = ecStat.statistics.min(dataList);
dataList
: Array.<number>
. 输入的数值样本集。minValue
: number
. 返回输入数组 dataList 的最小值。var meanValue = ecStat.statistics.mean(dataList);
dataList
: Array.<number>
. 输入的数值样本集。meanValue
: number
. 返回输入数组 dataList 的平均值。var medianValue = ecStat.statistics.median(dataList);
dataList
: Array.<number>
. 输入的数值数组,该数组必须是按从小到大有序排列的.medianValue
: number
. 返回输入数组 dataList 的中位数。var sumValue = ecStat.statistics.sum(dataList);
dataList
: Array.<number>
. 输入的数值样本集。sumValue
: number
. 返回输入数组 dataList 的求和结果。此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。