123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- (function ($) {
- var options = {
- series: {
- stackpercent: null
- } // or number/string
- };
- function init(plot) {
- // will be built up dynamically as a hash from x-value, or y-value if horizontal
- var stackBases = {};
- var processed = false;
- var stackSums = {};
- //set percentage for stacked chart
- function processRawData(plot, series, data, datapoints) {
- if (!processed) {
- processed = true;
- stackSums = getStackSums(plot.getData());
- }
- if (series.stackpercent == true) {
- var num = data.length;
- series.percents = [];
- var key_idx = 0;
- var value_idx = 1;
- if (series.bars && series.bars.horizontal && series.bars.horizontal === true) {
- key_idx = 1;
- value_idx = 0;
- }
- for (var j = 0; j < num; j++) {
- var sum = stackSums[data[j][key_idx] + ""];
- if (sum > 0) {
- series.percents.push(data[j][value_idx] * 100 / sum);
- } else {
- series.percents.push(0);
- }
- }
- }
- }
- //calculate summary
- function getStackSums(_data) {
- var data_len = _data.length;
- var sums = {};
- if (data_len > 0) {
- //caculate summary
- for (var i = 0; i < data_len; i++) {
- if (_data[i].stackpercent) {
- var key_idx = 0;
- var value_idx = 1;
- if (_data[i].bars && _data[i].bars.horizontal && _data[i].bars.horizontal === true) {
- key_idx = 1;
- value_idx = 0;
- }
- var num = _data[i].data.length;
- for (var j = 0; j < num; j++) {
- var value = 0;
- if (_data[i].data[j][1] != null) {
- value = _data[i].data[j][value_idx];
- }
- if (sums[_data[i].data[j][key_idx] + ""]) {
- sums[_data[i].data[j][key_idx] + ""] += value;
- } else {
- sums[_data[i].data[j][key_idx] + ""] = value;
- }
- }
- }
- }
- }
- return sums;
- }
- function stackData(plot, s, datapoints) {
- if (!s.stackpercent) return;
- if (!processed) {
- stackSums = getStackSums(plot.getData());
- }
- var newPoints = [];
- var key_idx = 0;
- var value_idx = 1;
- if (s.bars && s.bars.horizontal && s.bars.horizontal === true) {
- key_idx = 1;
- value_idx = 0;
- }
- for (var i = 0; i < datapoints.points.length; i += 3) {
- // note that the values need to be turned into absolute y-values.
- // in other words, if you were to stack (x, y1), (x, y2), and (x, y3),
- // (each from different series, which is where stackBases comes in),
- // you'd want the new points to be (x, y1, 0), (x, y1+y2, y1), (x, y1+y2+y3, y1+y2)
- // generally, (x, thisValue + (base up to this point), + (base up to this point))
- if (!stackBases[datapoints.points[i + key_idx]]) {
- stackBases[datapoints.points[i + key_idx]] = 0;
- }
- newPoints[i + key_idx] = datapoints.points[i + key_idx];
- newPoints[i + value_idx] = datapoints.points[i + value_idx] + stackBases[datapoints.points[i + key_idx]];
- newPoints[i + 2] = stackBases[datapoints.points[i + key_idx]];
- stackBases[datapoints.points[i + key_idx]] += datapoints.points[i + value_idx];
- // change points to percentage values
- // you may need to set yaxis:{ max = 100 }
- if ( stackSums[newPoints[i+key_idx]+""] > 0 ){
- newPoints[i + value_idx] = newPoints[i + value_idx] * 100 / stackSums[newPoints[i + key_idx] + ""];
- newPoints[i + 2] = newPoints[i + 2] * 100 / stackSums[newPoints[i + key_idx] + ""];
- } else {
- newPoints[i + value_idx] = 0;
- newPoints[i + 2] = 0;
- }
- }
- datapoints.points = newPoints;
- }
- plot.hooks.processRawData.push(processRawData);
- plot.hooks.processDatapoints.push(stackData);
- }
- $.plot.plugins.push({
- init: init,
- options: options,
- name: 'stackpercent',
- version: '0.1'
- });
- })(jQuery);
|