QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-05-12 19:35:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Linting JSX files (#941)

Browse Source 
`.jsx` linting is now in-scope for the `npm run lint` command, and
I linted the base files and some of the viz, there's still quite a bit
of work there, but that's a first pass on it.
This commit is contained in:
Maxime Beauchemin
2016-08-22 13:21:30 -07:00
committed by GitHub
parent 7f2805a3c5
commit a8fd23dfa4
26 changed files with 1443 additions and 1425 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
caravel/assets/visualizations/parallel_coordinates.js
View File

@@ -1,59 +1,56 @@
// JS
var $ = window.$ || require('jquery');
var d3 = window.d3 || require('d3');
const $ = require('jquery');
import d3 from 'd3';
d3.parcoords = require('../vendor/parallel_coordinates/d3.parcoords.js');
d3.divgrid = require('../vendor/parallel_coordinates/divgrid.js');
// CSS
require('../vendor/parallel_coordinates/d3.parcoords.css');
require('./parallel_coordinates.css');
function parallelCoordVis(slice) {
function refresh() {
$('#code').attr('rows', '15');
$.getJSON(slice.jsonEndpoint(), function (payload) {
var fd = payload.form_data;
var data = payload.data;
const fd = payload.form_data;
const data = payload.data;
var cols = fd.metrics;
if (fd.include_series) {
cols = [fd.series].concat(fd.metrics);
}
let cols = fd.metrics;
if (fd.include_series) {
cols = [fd.series].concat(fd.metrics);
}
var ttypes = {};
ttypes[fd.series] = 'string';
fd.metrics.forEach(function (v) {
ttypes[v] = 'number';
});
const ttypes = {};
ttypes[fd.series] = 'string';
fd.metrics.forEach(function (v) {
ttypes[v] = 'number';
});
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);
let ext = d3.extent(data, function (d) {
return d[fd.secondary_metric];
});
ext = [ext[0], (ext[1] - ext[0]) / 2, ext[1]];
const 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);
container.selectAll('*').remove();
var eff_height = fd.show_datatable ? (slice.height() / 2) : slice.height();
const color = function (d) {
return cScale(d[fd.secondary_metric]);
};
const container = d3.select(slice.selector);
container.selectAll('*').remove();
const effHeight = fd.show_datatable ? (slice.height() / 2) : slice.height();
container.append('div')
container.append('div')
.attr('id', 'parcoords_' + slice.container_id)
.style('height', eff_height + 'px')
.classed("parcoords", true);
.style('height', effHeight + 'px')
.classed('parcoords', true);
var parcoords = d3.parcoords()('#parcoords_' + slice.container_id)
const parcoords = d3.parcoords()('#parcoords_' + slice.container_id)
.width(slice.width())
.color(color)
.alpha(0.5)
.composite("darken")
.height(eff_height)
.composite('darken')
.height(effHeight)
.data(data)
.dimensions(cols)
.types(ttypes)
@@ -61,39 +58,39 @@ function parallelCoordVis(slice) {
.createAxes()
.shadows()
.reorderable()
.brushMode("1D-axes");
.brushMode('1D-axes');
if (fd.show_datatable) {
if (fd.show_datatable) {
// create data table, row hover highlighting
var grid = d3.divgrid();
container.append("div")
.style('height', eff_height + 'px')
const grid = d3.divgrid();
container.append('div')
.style('height', effHeight + 'px')
.datum(data)
.call(grid)
.classed("parcoords grid", true)
.selectAll(".row")
.classed('parcoords grid', true)
.selectAll('.row')
.on({
mouseover: function (d) {
mouseover(d) {
parcoords.highlight([d]);
},
mouseout: parcoords.unhighlight,
});
// update data table on brush event
parcoords.on("brush", function (d) {
d3.select(".grid")
.datum(d)
.call(grid)
.selectAll(".row")
.on({
mouseover: function (d) {
parcoords.highlight([d]);
},
mouseout: parcoords.unhighlight,
});
});
}
slice.done(payload);
})
parcoords.on('brush', function (d) {
d3.select('.grid')
.datum(d)
.call(grid)
.selectAll('.row')
.on({
mouseover(dd) {
parcoords.highlight([dd]);
},
mouseout: parcoords.unhighlight,
});
});
}
slice.done(payload);
})
.fail(function (xhr) {
slice.error(xhr.responseText, xhr);
});