Skip to content

Bugs occur when plots are not linked #30

@maxnyf

Description

@maxnyf

It appears as though certain axes on plots lose functionality if using .hideAxes or .setAxesLayout and .linked is not used, regardless of the number of plots.

<!doctype html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
</head>

<title>parasol</title>

<link rel="stylesheet" type="text/css" href="parasol.css" >
<script src="d3.v5.min.js"></script>
<script src="parasol.standalone.js"></script>

<body>
<div id="p0" class="parcoords" style="height:200px; width:850px;"></div>
</body>

<script>
d3.csv('cars.csv').then(function(data) {
var axes = {
0: ['year', 'economy (mpg)', 'cylinders', 'power (hp)']
};
var ps = Parasol(data)('.parcoords')
//.hideAxes(axes)
.setAxesLayout(axes)
//.linked()
});
</script>

In this example, when setting .hideAxes or .setAxesLayout to the axes variable that I created, the resulting plot will have four axes. For both .hideAxes and .setAxesLayout, the two leftmost axes will be fine but the two rightmost axes don't allow for brushing data (the axes with functionality remain the same if reordering the axes). No errors appear in the console when this problem occurs.
Note that if you uncomment the .linked() attribute the plots will have full functionality, which is true if there is only one plot or numerous (as far as I can tell now).

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions