76 lines
2.0 KiB
JavaScript
76 lines
2.0 KiB
JavaScript
import extend from 'extend';
|
|
|
|
const DEFAULTS = {
|
|
outer_width: 500,
|
|
outer_height: 300,
|
|
margin: {top: 30, left: 70, bottom: 50, right: 20},
|
|
domain_ticks: 10,
|
|
range_ticks: 8,
|
|
container: "container",
|
|
time_series: false,
|
|
range_label: undefined,
|
|
domain_attr: undefined,
|
|
range_attr: undefined,
|
|
toCssClass: function(series){
|
|
return series ? series.title.toLowerCase().replace(/\s+/g, '-') : "";
|
|
}
|
|
};
|
|
|
|
|
|
class Chart {
|
|
|
|
constructor(options){
|
|
var chart = this;
|
|
chart = extend(chart, chart.chart_options, options);
|
|
|
|
chart.height = chart.outer_height - chart.margin.top - chart.margin.bottom;
|
|
chart.width = chart.outer_width - chart.margin.left - chart.margin.right;
|
|
|
|
chart.svg = d3.select(chart.container).append("svg")
|
|
.attr("width", chart.outer_width)
|
|
.attr("height", chart.outer_height)
|
|
.append("g")
|
|
.attr("transform", "translate(" + chart.margin.left + "," + chart.margin.top + ")");
|
|
chart.defineAxes();
|
|
if (chart.afterAxes) chart.afterAxes();
|
|
}
|
|
|
|
cssClass(series){
|
|
var chart = this;
|
|
if (!chart.toCssClass) return '';
|
|
return chart.toCssClass(series);
|
|
}
|
|
|
|
nestedExtent(a, series_values, domain_attr, range_attr){
|
|
var extent = {
|
|
min_domain: Infinity,
|
|
max_domain: -Infinity,
|
|
min_range: Infinity,
|
|
max_range: -Infinity
|
|
};
|
|
a.forEach((series)=>{
|
|
series[series_values].forEach((value)=>{
|
|
extent.min_domain = Math.min(min_domain, value[domain_attr]);
|
|
extent.max_domain = Math.max(max_domain, value[domain_attr]);
|
|
extent.min_range = Math.min(min_range, value[range_attr]);
|
|
extent.max_range = Math.max(max_range, value[range_attr]);
|
|
});
|
|
});
|
|
return extent;
|
|
}
|
|
|
|
titleize(s){
|
|
var words = s.split(' '),
|
|
array = [];
|
|
for (var i=0; i<words.length; ++i) {
|
|
array.push(words[i].charAt(0).toUpperCase() + words[i].toLowerCase().slice(1));
|
|
}
|
|
return array.join(' ');
|
|
}
|
|
|
|
}
|
|
|
|
Chart.DEFAULTS = DEFAULTS;
|
|
|
|
export default Chart;
|