dont know what happened
This commit is contained in:
75
client/d3/base.js
vendored
Normal file
75
client/d3/base.js
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
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;
|
||||
Reference in New Issue
Block a user