fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-10-07 01:58:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

remove text from continuous, black for now

Browse Source
This commit is contained in:
Colin Megill
2017-10-17 19:27:04 -07:00
parent 4ad4338efc
commit 608a887e9e
2 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/continuous/continuous.js
+19 -14
View File
@@ -2,7 +2,6 @@ import React from 'react';
import _ from "lodash"; import _ from "lodash";
import cells from "../../../data/GBM_metadata.js"; import cells from "../../../data/GBM_metadata.js";
import drawParallelCoordinates from "./drawParallelCoordinates"; import drawParallelCoordinates from "./drawParallelCoordinates";
import createContinuousRanges from "./createContinuousRanges";
import styles from './parallelCoordinates.css'; import styles from './parallelCoordinates.css';
import SectionHeader from "../framework/sectionHeader"; import SectionHeader from "../framework/sectionHeader";
@@ -30,18 +29,6 @@ class Continuous extends React.Component {
return ( return (
<div id="parcoords_wrapper" style={{marginTop: 50}}> <div id="parcoords_wrapper" style={{marginTop: 50}}>
<SectionHeader text="Continuous Metadata"/> <SectionHeader text="Continuous Metadata"/>
<div style={{marginBottom: 30}}>
Color By:
<button style={{marginLeft: 10}}>Cluster_2d_color</button>
<button style={{marginLeft: 10}}>Cluster_CNV_color</button>
<button style={{marginLeft: 10}}>Location.color</button>
<button style={{marginLeft: 10}}>Sample.name.color</button>
<button style={{marginLeft: 10}}>Sample.type.color</button>
<button style={{marginLeft: 10}}>Selection.color</button>
<button style={{marginLeft: 10}}>housekeeping_cluster_color</button>
<button style={{marginLeft: 10}}>recluster_myeloid</button>
<button style={{marginLeft: 10}}>recluster_myeloid_color</button>
</div>
<div <div
className={styles.parcoords} className={styles.parcoords}
id="parcoords" id="parcoords"
@@ -56,5 +43,23 @@ class Continuous extends React.Component {
export default Continuous; export default Continuous;
/* text appended to parellel coords giving N instances of selection */ /* text appended to parellel coords giving N instances of selection */
// <pre id="parcoords_output" className={styles.pre}></pre> // <pre id="parcoords_output" className={styles.pre}></pre>
/*
<div style={{marginBottom: 30}}>
Color By:
<button style={{marginLeft: 10}}>Cluster_2d_color</button>
<button style={{marginLeft: 10}}>Cluster_CNV_color</button>
<button style={{marginLeft: 10}}>Location.color</button>
<button style={{marginLeft: 10}}>Sample.name.color</button>
<button style={{marginLeft: 10}}>Sample.type.color</button>
<button style={{marginLeft: 10}}>Selection.color</button>
<button style={{marginLeft: 10}}>housekeeping_cluster_color</button>
<button style={{marginLeft: 10}}>recluster_myeloid</button>
<button style={{marginLeft: 10}}>recluster_myeloid_color</button>
</div>
*/
src/components/continuous/drawParallelCoordinates.js
+2 -2
View File
@@ -120,8 +120,8 @@ const drawParallelCoordinates = (data) => {
*/ */
ctx.strokeStyle = d["Sample.name.color"]; // ctx.strokeStyle = d["Sample.name.color"];
// ctx.strokeStyle = "rgba(180,180,180,.4)"; ctx.strokeStyle = "rgba(0,0,0,1)";
ctx.beginPath(); ctx.beginPath();
var coords = project(d); var coords = project(d);
coords.forEach((p,i) => { coords.forEach((p,i) => {