pareto.src.js
4.47 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
/* *
* (c) 2010-2017 Sebastian Bochan
*
* License: www.highcharts.com/license
*/
'use strict';
import H from '../parts/Globals.js';
import '../parts/Utilities.js';
import '../parts/Options.js';
import derivedSeriesMixin from '../mixins/derived-series.js';
var correctFloat = H.correctFloat,
seriesType = H.seriesType,
merge = H.merge;
/**
* The pareto series type.
*
* @private
* @class
* @name Highcharts.seriesTypes.pareto
*
* @augments Highcharts.Series
*/
seriesType('pareto', 'line'
/**
* A pareto diagram is a type of chart that contains both bars and a line
* graph, where individual values are represented in descending order by
* bars, and the cumulative total is represented by the line.
*
* @sample {highcharts} highcharts/demo/pareto/
* Pareto diagram
*
* @extends plotOptions.line
* @since 6.0.0
* @product highcharts
* @excluding allAreas, boostThreshold, borderColor, borderRadius,
* borderWidth, crisp, colorAxis, depth, data, dragDrop,
* edgeColor, edgeWidth, findNearestPointBy, gapSize, gapUnit,
* grouping, groupPadding, groupZPadding, maxPointWidth, keys,
* negativeColor, pointInterval, pointIntervalUnit,
* pointPadding, pointPlacement, pointRange, pointStart,
* pointWidth, shadow, step, softThreshold, stacking,
* threshold, zoneAxis, zones
* @optionparent plotOptions.pareto
*/
, {
/**
* Higher zIndex than column series to draw line above shapes.
*/
zIndex: 3
}, merge(derivedSeriesMixin, {
/**
* Calculate sum and return percent points.
*
* @private
* @function Highcharts.Series#setDerivedData
*
* @return {Array<Array<number,number>>}
* Returns array of points [x,y]
*/
setDerivedData: function () {
var xValues = this.baseSeries.xData,
yValues = this.baseSeries.yData,
sum = this.sumPointsPercents(yValues, xValues, null, true);
this.setData(
this.sumPointsPercents(yValues, xValues, sum, false),
false
);
},
/**
* Calculate y sum and each percent point.
*
* @private
* @function Highcharts.Series#sumPointsPercents
*
* @param {Array<number>} yValues
* Y values
*
* @param {Array<number>} xValues
* X values
*
* @param {number} sum
* Sum of all y values
*
* @param {boolean} [isSum]
* Declares if calculate sum of all points
*
* @return {number|Array<number,number>}
* Returns sum of points or array of points [x,sum]
*/
sumPointsPercents: function (yValues, xValues, sum, isSum) {
var sumY = 0,
sumPercent = 0,
percentPoints = [],
percentPoint;
yValues.forEach(function (point, i) {
if (point !== null) {
if (isSum) {
sumY += point;
} else {
percentPoint = (point / sum) * 100;
percentPoints.push([
xValues[i],
correctFloat(sumPercent + percentPoint)
]);
sumPercent += percentPoint;
}
}
});
return isSum ? sumY : percentPoints;
}
}));
/**
* A `pareto` series. If the [type](#series.pareto.type) option is not
* specified, it is inherited from [chart.type](#chart.type).
*
* @extends series,plotOptions.pareto
* @since 6.0.0
* @product highcharts
* @excluding data, dataParser, dataURL
* @apioption series.pareto
*/
/**
* An integer identifying the index to use for the base series, or a string
* representing the id of the series.
*
* @type {number|string}
* @default undefined
* @apioption series.pareto.baseSeries
*/
/**
* An array of data points for the series. For the `pareto` series type,
* points are calculated dynamically.
*
* @type {Array<Array<number|string>|*>}
* @extends series.column.data
* @since 6.0.0
* @product highcharts
* @apioption series.pareto.data
*/