aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DataVizBox/components
diff options
context:
space:
mode:
authorsrichman333 <sarah_n_richman@brown.edu>2023-08-17 10:41:34 -0400
committersrichman333 <sarah_n_richman@brown.edu>2023-08-17 10:41:34 -0400
commit18b3b9e5eab4a7902390033feb0a1c7e379cf7d6 (patch)
treefdd1d7e6c37ed0204447981c72f5924b35d0dd22 /src/client/views/nodes/DataVizBox/components
parent61fb855ec92540c48cc4cc844d3b21728e8a4754 (diff)
text tells user to select more / different data bug fix + other console error fixes
Diffstat (limited to 'src/client/views/nodes/DataVizBox/components')
-rw-r--r--src/client/views/nodes/DataVizBox/components/Histogram.tsx2
-rw-r--r--src/client/views/nodes/DataVizBox/components/LineChart.tsx2
-rw-r--r--src/client/views/nodes/DataVizBox/components/PieChart.tsx2
-rw-r--r--src/client/views/nodes/DataVizBox/components/TableBox.tsx2
4 files changed, 4 insertions, 4 deletions
diff --git a/src/client/views/nodes/DataVizBox/components/Histogram.tsx b/src/client/views/nodes/DataVizBox/components/Histogram.tsx
index df6aac6bc..e078043c1 100644
--- a/src/client/views/nodes/DataVizBox/components/Histogram.tsx
+++ b/src/client/views/nodes/DataVizBox/components/Histogram.tsx
@@ -429,7 +429,7 @@ export class Histogram extends React.Component<HistogramProps> {
this.componentDidMount();
- if (this._histogramData.length>0){
+ if (this._histogramData.length>0 || (!this.incomingLinks || this.incomingLinks.length==0)){
return (
this.props.axes.length >= 1 ? (
<div className="chart-container" >
diff --git a/src/client/views/nodes/DataVizBox/components/LineChart.tsx b/src/client/views/nodes/DataVizBox/components/LineChart.tsx
index 8bace941f..468780185 100644
--- a/src/client/views/nodes/DataVizBox/components/LineChart.tsx
+++ b/src/client/views/nodes/DataVizBox/components/LineChart.tsx
@@ -358,7 +358,7 @@ export class LineChart extends React.Component<LineChartProps> {
else if (this.props.axes.length>0) titleAccessor = 'lineChart-title-'+this.props.axes[0];
if (!this.props.layoutDoc[titleAccessor]) this.props.layoutDoc[titleAccessor] = this.defaultGraphTitle;
const selectedPt = this._currSelected ? `{ ${this.props.axes[0]}: ${this._currSelected.x} ${this.props.axes[1]}: ${this._currSelected.y} }` : 'none';
- if (this._lineChartData.length>0){
+ if (this._lineChartData.length>0 || (!this.incomingLinks || this.incomingLinks.length==0)){
return (
this.props.axes.length>=2 && /\d/.test(this.props.pairs[0][this.props.axes[0]]) && /\d/.test(this.props.pairs[0][this.props.axes[1]]) ? (
<div className="chart-container" >
diff --git a/src/client/views/nodes/DataVizBox/components/PieChart.tsx b/src/client/views/nodes/DataVizBox/components/PieChart.tsx
index 0c54d0a4e..657d496aa 100644
--- a/src/client/views/nodes/DataVizBox/components/PieChart.tsx
+++ b/src/client/views/nodes/DataVizBox/components/PieChart.tsx
@@ -337,7 +337,7 @@ export class PieChart extends React.Component<PieChartProps> {
var sliceColors = StrListCast(this.props.layoutDoc.pieSliceColors).map(each => each.split('::'));
sliceColors.map(each => {if (each[0]==curSelectedSliceName!) selectedSliceColor = each[1]});
- if (this._piechartData.length>0){
+ if (this._piechartData.length>0 || (!this.incomingLinks || this.incomingLinks.length==0)){
return (
this.props.axes.length >= 1 ? (
<div className="chart-container">
diff --git a/src/client/views/nodes/DataVizBox/components/TableBox.tsx b/src/client/views/nodes/DataVizBox/components/TableBox.tsx
index f56d34fa6..7b3e700ac 100644
--- a/src/client/views/nodes/DataVizBox/components/TableBox.tsx
+++ b/src/client/views/nodes/DataVizBox/components/TableBox.tsx
@@ -155,7 +155,7 @@ export class TableBox extends React.Component<TableBoxProps> {
})} style={{ background: StrListCast(this.props.layoutDoc.selected).includes(guid) ? 'lightgrey' : '', width: '110%' }}>
{this.columns.map(col => {
// each cell
- var colSelected = this.props.axes[0]==col || this.props.axes[1]==col;
+ var colSelected = this.props.axes.length>1? (this.props.axes[0]==col || this.props.axes[1]==col) : this.props.axes.length>0? this.props.axes[0]==col : false;
return (
<td key={this.columns.indexOf(col)} style={{border: colSelected? '3px solid black' : '1px solid black', fontWeight: colSelected? 'bolder' : 'normal'}}>
{p[col]}