mirror of
https://github.com/chartjs/Chart.js.git
synced 2025-12-08 20:36:08 +00:00
872dfec0f3
New `options.resolve` helper that determines the final value to use from an array of input values (fallback) and a given context and/or index. For now, only the bubble chart support scriptable options, see documentation for details. Add scriptable options documentation and update the bubble chart dataset properties table with their scriptable and indexable capabilities and default values. Also move point style description under the element configuration section.
137 lines
2.8 KiB
JavaScript
137 lines
2.8 KiB
JavaScript
/* global Chart */
|
|
|
|
'use strict';
|
|
|
|
window.chartColors = {
|
|
red: 'rgb(255, 99, 132)',
|
|
orange: 'rgb(255, 159, 64)',
|
|
yellow: 'rgb(255, 205, 86)',
|
|
green: 'rgb(75, 192, 192)',
|
|
blue: 'rgb(54, 162, 235)',
|
|
purple: 'rgb(153, 102, 255)',
|
|
grey: 'rgb(201, 203, 207)'
|
|
};
|
|
|
|
(function(global) {
|
|
var Months = [
|
|
'January',
|
|
'February',
|
|
'March',
|
|
'April',
|
|
'May',
|
|
'June',
|
|
'July',
|
|
'August',
|
|
'September',
|
|
'October',
|
|
'November',
|
|
'December'
|
|
];
|
|
|
|
var COLORS = [
|
|
'#4dc9f6',
|
|
'#f67019',
|
|
'#f53794',
|
|
'#537bc4',
|
|
'#acc236',
|
|
'#166a8f',
|
|
'#00a950',
|
|
'#58595b',
|
|
'#8549ba'
|
|
];
|
|
|
|
var Samples = global.Samples || (global.Samples = {});
|
|
Samples.utils = {
|
|
// Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/
|
|
srand: function(seed) {
|
|
this._seed = seed;
|
|
},
|
|
|
|
rand: function(min, max) {
|
|
var seed = this._seed;
|
|
min = min === undefined ? 0 : min;
|
|
max = max === undefined ? 1 : max;
|
|
this._seed = (seed * 9301 + 49297) % 233280;
|
|
return min + (this._seed / 233280) * (max - min);
|
|
},
|
|
|
|
numbers: function(config) {
|
|
var cfg = config || {};
|
|
var min = cfg.min || 0;
|
|
var max = cfg.max || 1;
|
|
var from = cfg.from || [];
|
|
var count = cfg.count || 8;
|
|
var decimals = cfg.decimals || 8;
|
|
var continuity = cfg.continuity || 1;
|
|
var dfactor = Math.pow(10, decimals) || 0;
|
|
var data = [];
|
|
var i, value;
|
|
|
|
for (i = 0; i < count; ++i) {
|
|
value = (from[i] || 0) + this.rand(min, max);
|
|
if (this.rand() <= continuity) {
|
|
data.push(Math.round(dfactor * value) / dfactor);
|
|
} else {
|
|
data.push(null);
|
|
}
|
|
}
|
|
|
|
return data;
|
|
},
|
|
|
|
labels: function(config) {
|
|
var cfg = config || {};
|
|
var min = cfg.min || 0;
|
|
var max = cfg.max || 100;
|
|
var count = cfg.count || 8;
|
|
var step = (max - min) / count;
|
|
var decimals = cfg.decimals || 8;
|
|
var dfactor = Math.pow(10, decimals) || 0;
|
|
var prefix = cfg.prefix || '';
|
|
var values = [];
|
|
var i;
|
|
|
|
for (i = min; i < max; i += step) {
|
|
values.push(prefix + Math.round(dfactor * i) / dfactor);
|
|
}
|
|
|
|
return values;
|
|
},
|
|
|
|
months: function(config) {
|
|
var cfg = config || {};
|
|
var count = cfg.count || 12;
|
|
var section = cfg.section;
|
|
var values = [];
|
|
var i, value;
|
|
|
|
for (i = 0; i < count; ++i) {
|
|
value = Months[Math.ceil(i) % 12];
|
|
values.push(value.substring(0, section));
|
|
}
|
|
|
|
return values;
|
|
},
|
|
|
|
color: function(index) {
|
|
return COLORS[index % COLORS.length];
|
|
},
|
|
|
|
transparentize: function(color, opacity) {
|
|
var alpha = opacity === undefined ? 0.5 : 1 - opacity;
|
|
return Chart.helpers.color(color).alpha(alpha).rgbString();
|
|
},
|
|
|
|
merge: Chart.helpers.configMerge
|
|
};
|
|
|
|
Samples.utils.srand(Date.now());
|
|
|
|
// DEPRECATED
|
|
window.randomScalingFactor = function() {
|
|
return Math.round(Samples.utils.rand(-100, 100));
|
|
};
|
|
|
|
}(this));
|
|
|