QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-04-25 19:14:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Javascript refactor

Browse Source
This commit is contained in:
Maxime Beauchemin
2016-02-29 21:58:25 -08:00
parent e434cbe268
commit a68d7428c3
16 changed files with 532 additions and 475 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
panoramix/assets/visualizations/parallel_coordinates.js
View File

@@ -9,77 +9,77 @@ require('../vendor/parallel_coordinates/d3.parcoords.css');
function parallelCoordVis(slice) {
function refresh() {
$('#code').attr('rows', '15')
$.getJSON(slice.jsonEndpoint(), function(payload) {
var data = payload.data;
var fd = payload.form_data;
var ext = d3.extent(data, function(d){
return d[fd.secondary_metric];
$('#code').attr('rows', '15');
$.getJSON(slice.jsonEndpoint(), function(payload) {
var data = payload.data;
var fd = payload.form_data;
var ext = d3.extent(data, function(d){
return d[fd.secondary_metric];
});
ext = [ext[0], (ext[1]-ext[0])/2,ext[1]];
var cScale = d3.scale.linear()
.domain(ext)
.range(['red', 'grey', 'blue'])
.interpolate(d3.interpolateLab);
var color = function(d){return cScale(d[fd.secondary_metric]);};
var container = d3.select(slice.selector);
var eff_height = fd.show_datatable ? (slice.height() / 2) : slice.height();
var div = container.append('div')
.attr('id', 'parcoords_' + slice.container_id)
.style('height', eff_height + 'px')
.classed("parcoords", true);
var parcoords = d3.parcoords()('#parcoords_' + slice.container_id)
.width(slice.width())
.color(color)
.alpha(0.5)
.composite("darken")
.height(eff_height)
.data(payload.data)
.render()
.createAxes()
.shadows()
.reorderable()
.brushMode("1D-axes");
if (fd.show_datatable) {
// create data table, row hover highlighting
var grid = d3.divgrid();
container.append("div")
.datum(data.slice(0,10))
.attr('id', "grid")
.call(grid)
.classed("parcoords", true)
.selectAll(".row")
.on({
"mouseover": function(d) { parcoords.highlight([d]); },
"mouseout": parcoords.unhighlight
});
ext = [ext[0], (ext[1]-ext[0])/2,ext[1]];
var cScale = d3.scale.linear()
.domain(ext)
.range(['red', 'grey', 'blue'])
.interpolate(d3.interpolateLab);
var color = function(d){return cScale(d[fd.secondary_metric])};
var container = d3.select(slice.selector);
var eff_height = fd.show_datatable ? (slice.height() / 2) : slice.height();
var div = container.append('div')
.attr('id', 'parcoords_' + slice.container_id)
.style('height', eff_height + 'px')
.classed("parcoords", true);
var parcoords = d3.parcoords()('#parcoords_' + slice.container_id)
.width(slice.width())
.color(color)
.alpha(0.5)
.composite("darken")
.height(eff_height)
.data(payload.data)
.render()
.createAxes()
.shadows()
.reorderable()
.brushMode("1D-axes");
if (fd.show_datatable) {
// create data table, row hover highlighting
var grid = d3.divgrid();
container.append("div")
.datum(data.slice(0,10))
.attr('id', "grid")
.call(grid)
.classed("parcoords", true)
.selectAll(".row")
.on({
"mouseover": function(d) { parcoords.highlight([d]) },
"mouseout": parcoords.unhighlight
});
// update data table on brush event
parcoords.on("brush", function(d) {
d3.select("#grid")
.datum(d.slice(0,10))
.call(grid)
.selectAll(".row")
.on({
"mouseover": function(d) { parcoords.highlight([d]) },
"mouseout": parcoords.unhighlight
});
// update data table on brush event
parcoords.on("brush", function(d) {
d3.select("#grid")
.datum(d.slice(0,10))
.call(grid)
.selectAll(".row")
.on({
"mouseover": function(d) { parcoords.highlight([d]); },
"mouseout": parcoords.unhighlight
});
}
slice.done();
})
.fail(function(xhr) {
slice.error(xhr.responseText);
});
};
}
slice.done();
})
.fail(function(xhr) {
slice.error(xhr.responseText);
});
}
return {
render: refresh,
resize: refresh,
};
};
}
module.exports = parallelCoordVis;