@trebco/treb 23.6.5 → 25.0.0-rc2

package/treb-export/src/drawing2/chart-template-components2.ts

@@ -0,0 +1,389 @@
+/*
+ * This file is part of TREB.
+ *
+ * TREB is free software: you can redistribute it and/or modify it under the 
+ * terms of the GNU General Public License as published by the Free Software 
+ * Foundation, either version 3 of the License, or (at your option) any 
+ * later version.
+ *
+ * TREB is distributed in the hope that it will be useful, but WITHOUT ANY 
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS 
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more 
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along 
+ * with TREB. If not, see <https://www.gnu.org/licenses/>. 
+ *
+ * Copyright 2022-2023 trebco, llc. 
+ * info@treb.app
+ * 
+ */
+
+export const ref_title = {
+  'c:tx': {
+    'c:strRef': {
+      'c:f': '', // reference: Sheet1!$E$3
+      'c:strCache': {
+        'c:ptCount': {
+          a$: {
+            'val': '1'
+          }
+        },
+        'c:pt': {
+          a$: {
+            'idx': '0'
+          },
+          'c:v': '', // cached value: Fishton Lanier
+        }
+      }
+    }
+  },
+  'c:overlay': {
+    a$: {
+      'val': '0'
+    }
+  },
+  'c:spPr': {
+    'a:noFill': {},
+    'a:ln': {
+      'a:noFill': {}
+    },
+    'a:effectLst': {}
+  },
+  'c:txPr': {
+    'a:bodyPr': {
+      a$: {
+        'rot': '0',
+        'spcFirstLastPara': '1',
+        'vertOverflow': 'ellipsis',
+        'vert': 'horz',
+        'wrap': 'square',
+        'anchor': 'ctr',
+        'anchorCtr': '1'
+      }
+    },
+    'a:lstStyle': {},
+    'a:p': {
+      'a:pPr': {
+        'a:defRPr': {
+          a$: {
+            'sz': '1400',
+            'b': '0',
+            'i': '0',
+            'u': 'none',
+            'strike': 'noStrike',
+            'kern': '1200',
+            'spc': '0',
+            'baseline': '0'
+          },
+          'a:solidFill': {
+            'a:schemeClr': {
+              a$: {
+                'val': 'tx1'
+              },
+              'a:lumMod': {
+                a$: {
+                  'val': '65000'
+                }
+              },
+              'a:lumOff': {
+                a$: {
+                  'val': '35000'
+                }
+              }
+            }
+          },
+          'a:latin': {
+            a$: {
+              'typeface': '+mn-lt'
+            }
+          },
+          'a:ea': {
+            a$: {
+              'typeface': '+mn-ea'
+            }
+          },
+          'a:cs': {
+            a$: {
+              'typeface': '+mn-cs'
+            }
+          }
+        }
+      },
+      'a:endParaRPr': {
+        a$: {
+          'lang': 'en-US'
+        }
+      }
+    }
+  }
+};
+
+export const static_title = {
+  'c:tx': {
+    'c:rich': {
+      'a:bodyPr': {
+        a$: {
+          'rot': '0',
+          'spcFirstLastPara': '1',
+          'vertOverflow': 'ellipsis',
+          'vert': 'horz',
+          'wrap': 'square',
+          'anchor': 'ctr',
+          'anchorCtr': '1'
+        }
+      },
+      'a:lstStyle': {},
+      'a:p': {
+        'a:pPr': {
+          'a:defRPr': {
+            a$: {
+              'sz': '1400',
+              'b': '0',
+              'i': '0',
+              'u': 'none',
+              'strike': 'noStrike',
+              'kern': '1200',
+              'spc': '0',
+              'baseline': '0'
+            },
+            'a:solidFill': {
+              'a:schemeClr': {
+                a$: {
+                  'val': 'tx1'
+                },
+                'a:lumMod': {
+                  a$: {
+                    'val': '65000'
+                  }
+                },
+                'a:lumOff': {
+                  a$: {
+                    'val': '35000'
+                  }
+                }
+              }
+            },
+            'a:latin': {
+              a$: {
+                'typeface': '+mn-lt'
+              }
+            },
+            'a:ea': {
+              a$: {
+                'typeface': '+mn-ea'
+              }
+            },
+            'a:cs': {
+              a$: {
+                'typeface': '+mn-cs'
+              }
+            }
+          }
+        },
+        'a:r': {
+          'a:rPr': {
+            a$: {
+              'lang': '' // locale: en-US
+            }
+          },
+          'a:t': '', // text: Herbal Metrix
+        }
+      }
+    }
+  },
+  'c:overlay': {
+    a$: {
+      'val': '0'
+    }
+  },
+  'c:spPr': {
+    'a:noFill': {},
+    'a:ln': {
+      'a:noFill': {}
+    },
+    'a:effectLst': {}
+  },
+  'c:txPr': {
+    'a:bodyPr': {
+      a$: {
+        'rot': '0',
+        'spcFirstLastPara': '1',
+        'vertOverflow': 'ellipsis',
+        'vert': 'horz',
+        'wrap': 'square',
+        'anchor': 'ctr',
+        'anchorCtr': '1'
+      }
+    },
+    'a:lstStyle': {},
+    'a:p': {
+      'a:pPr': {
+        'a:defRPr': {
+          a$: {
+            'sz': '1400',
+            'b': '0',
+            'i': '0',
+            'u': 'none',
+            'strike': 'noStrike',
+            'kern': '1200',
+            'spc': '0',
+            'baseline': '0'
+          },
+          'a:solidFill': {
+            'a:schemeClr': {
+              a$: {
+                'val': 'tx1'
+              },
+              'a:lumMod': {
+                a$: {
+                  'val': '65000'
+                }
+              },
+              'a:lumOff': {
+                a$: {
+                  'val': '35000'
+                }
+              }
+            }
+          },
+          'a:latin': {
+            a$: {
+              'typeface': '+mn-lt'
+            }
+          },
+          'a:ea': {
+            a$: {
+              'typeface': '+mn-ea'
+            }
+          },
+          'a:cs': {
+            a$: {
+              'typeface': '+mn-cs'
+            }
+          }
+        }
+      },
+      'a:endParaRPr': {
+        a$: {
+          'lang': 'en-US'
+        }
+      }
+    }
+  }
+};
+
+export const chart_template =
+{
+  'c:chartSpace': {
+    a$: {
+      'xmlns:c': 'http://schemas.openxmlformats.org/drawingml/2006/chart',
+      'xmlns:a': 'http://schemas.openxmlformats.org/drawingml/2006/main',
+      'xmlns:r': 'http://schemas.openxmlformats.org/officeDocument/2006/relationships',
+      'xmlns:c16r2': 'http://schemas.microsoft.com/office/drawing/2015/06/chart'
+    },
+    'c:date1904': {
+      a$: {
+        'val': '0'
+      }
+    },
+    'c:lang': {
+      a$: {
+        'val': 'en-US'
+      }
+    },
+    'c:roundedCorners': {
+      a$: {
+        'val': '0'
+      }
+    },
+    'mc:AlternateContent': {
+      a$: {
+        'xmlns:mc': 'http://schemas.openxmlformats.org/markup-compatibility/2006'
+      },
+      'mc:Choice': {
+        a$: {
+          'Requires': 'c14',
+          'xmlns:c14': 'http://schemas.microsoft.com/office/drawing/2007/8/2/chart'
+        },
+        'c14:style': {
+          a$: {
+            'val': '102'
+          }
+        }
+      },
+      'mc:Fallback': {
+        'c:style': {
+          a$: {
+            'val': '2'
+          }
+        }
+      }
+    },
+    'c:chart': {},
+    'c:spPr': {
+      'a:solidFill': {
+        'a:schemeClr': {
+          a$: {
+            'val': 'bg1'
+          }
+        }
+      },
+      'a:ln': {
+        a$: {
+          'w': '9525',
+          'cap': 'flat',
+          'cmpd': 'sng',
+          'algn': 'ctr'
+        },
+        'a:solidFill': {
+          'a:schemeClr': {
+            a$: {
+              'val': 'tx1'
+            },
+            'a:lumMod': {
+              a$: {
+                'val': '15000'
+              }
+            },
+            'a:lumOff': {
+              a$: {
+                'val': '85000'
+              }
+            }
+          }
+        },
+        'a:round': {}
+      },
+      'a:effectLst': {}
+    },
+    'c:txPr': {
+      'a:bodyPr': {},
+      'a:lstStyle': {},
+      'a:p': {
+        'a:pPr': {
+          'a:defRPr': {}
+        },
+        'a:endParaRPr': {
+          a$: {
+            'lang': 'en-US'
+          }
+        }
+      }
+    },
+    'c:printSettings': {
+      'c:headerFooter': {},
+      'c:pageMargins': {
+        a$: {
+          'b': '0.75',
+          'l': '0.7',
+          'r': '0.7',
+          't': '0.75',
+          'header': '0.3',
+          'footer': '0.3'
+        }
+      },
+      'c:pageSetup': {}
+    }
+  }
+};

package/treb-export/src/drawing2/chart2.ts

@@ -0,0 +1,282 @@
+/*
+ * This file is part of TREB.
+ *
+ * TREB is free software: you can redistribute it and/or modify it under the 
+ * terms of the GNU General Public License as published by the Free Software 
+ * Foundation, either version 3 of the License, or (at your option) any 
+ * later version.
+ *
+ * TREB is distributed in the hope that it will be useful, but WITHOUT ANY 
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS 
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more 
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along 
+ * with TREB. If not, see <https://www.gnu.org/licenses/>. 
+ *
+ * Copyright 2022-2023 trebco, llc. 
+ * info@treb.app
+ * 
+ */
+
+// import * as ElementTree from 'elementtree';
+// import { Element, ElementTree as Tree } from 'elementtree';
+import { UnitAddress, UnitRange, UnitLiteral, ExpressionUnit } from 'treb-parser';
+
+import { static_title, ref_title, chart_template } from './chart-template-components2';
+import { column_json, column_series } from './column-chart-template2';
+import { donut_json } from './donut-chart-template2';
+import { scatter_json, scatter_series } from './scatter-chart-template2';
+
+import { XMLUtils } from '../xml-utils';
+
+/*
+import { donut_json } from './donut-chart-template';
+import { static_title, ref_title, chart_template } from './chart-template-components';
+import { column_json, column_series } from './column-chart-template';
+import { scatter_json, scatter_series } from './scatter-chart-template';
+import { scatter_series as scatter2_series } from './scatter2-chart-template';
+*/
+
+// import { v4 as uuidv4 } from 'uuid';
+
+import { Localization } from 'treb-base-types';
+import { RelationshipMap } from '../relationship';
+
+export interface ChartOptions {
+  type: 'donut'|'column'|'bar'|'scatter'|'scatter2';
+  title?: UnitLiteral | UnitAddress;
+  data: UnitRange[];
+  labels?: UnitRange;
+  labels2?: UnitRange[];
+  names?: ExpressionUnit[];
+  smooth?: boolean;
+}
+
+export class Chart {
+
+  public static next_chart_index = 1;
+
+  public relationships: RelationshipMap = {};
+
+  constructor (public options: ChartOptions, public index = Chart.next_chart_index++) {
+
+  }
+
+
+  /** set chart title, either static or reference to cell */
+  public UpdateChartTitle(chartnode: any) {
+
+    const unit = this.options.title || {
+      type: 'literal', value: '',
+    };
+
+    // const CC = this.FindNode('c:chart', obj);
+    // if (CC) {
+      if (unit && unit.type === 'literal') {
+        const title = JSON.parse(JSON.stringify(static_title));
+        //const AP = this.FindNode('a:p', title);
+        const AP = title['c:tx']['c:rich']['a:p'];
+
+        AP['a:r'] = {
+          'a:rPr': {
+            a$: {
+              lang: Localization.locale,
+            },
+          },
+          'a:t': unit.value,
+        };
+        chartnode['c:title'] = title;
+      }
+      else if (unit) {
+        const title = JSON.parse(JSON.stringify(ref_title));
+        //const CF = title['c:tx']['c:strRef']['c:f'];
+        //CF.t$ = unit.label;
+        title['c:tx']['c:strRef']['c:f'] = unit.label;
+        chartnode['c:title'] = title;
+      }
+    //}
+
+  }
+
+  public toJSON() {
+
+    switch (this.options.type) {
+      case 'column':
+      case 'bar':
+        return this.CreateBarChart();
+
+      case 'scatter':
+      case 'scatter2':
+        return this.CreateScatterChart();
+
+      case 'donut':
+        return this.CreateDonutChart();
+
+      default:
+        console.info('unhandled chart type', this.options.type);
+    }
+    
+    return this.CreateBarChart();
+
+  }
+
+  public CreateScatterChart() {
+    
+    const template = JSON.parse(JSON.stringify(chart_template)); 
+    const chartspace = template['c:chartSpace'];
+    const scatter = JSON.parse(JSON.stringify(scatter_json)); 
+
+    if (this.options.smooth) {
+      scatter['c:plotArea']['c:scatterChart']['c:scatterStyle'].a$.val = 'smoothMarker';
+    }
+
+    chartspace['c:chart'] = scatter;
+
+    this.UpdateChartTitle(chartspace['c:chart']);
+
+    const cser = chartspace['c:chart']['c:plotArea']['c:scatterChart']['c:ser']; // this.FindNode('c:ser', template);
+
+    let legend = false;
+
+    for (let i = 0; i < this.options.data.length; i++) {
+
+      const series = JSON.parse(JSON.stringify(scatter_series));
+
+      series['c:idx'] = { a$: { val: i.toString() }};
+      series['c:order'] = { a$: { val: i.toString() }};
+
+      if (this.options.names && this.options.names[i]) {
+
+        const name = this.options.names[i];
+        switch (name.type) {
+          case 'literal':
+            series['c:tx'] = {
+              'c:v': name.value.toString(),
+            };
+            legend = true;
+            break;
+
+          case 'range':
+          case 'address':
+            series['c:tx'] = {
+              'c:strRef': {
+                'c:f': name.label,
+              }
+            };
+            legend = true;
+            break;
+        }
+      }
+
+      series['c:spPr']['a:ln']['a:solidFill']['a:schemeClr'].a$['val'] = `accent${i+1}`;
+
+      series['c:yVal']['c:numRef']['c:f'] = this.options.data[i]?.label;
+
+      if (this.options.labels2 && this.options.labels2[i]) {
+        series['c:xVal']['c:numRef']['c:f'] = this.options.labels2[i]?.label;
+      }
+
+      if (this.options.smooth) {
+        series['c:smooth'] = { a$: { val: 1 }};
+      }
+
+      // console.info("SER", JSON.stringify(series, undefined, 2));
+
+      cser.push(series);
+
+    }
+
+    if (legend) {
+      chartspace['c:chart']['c:legend'] = {
+        'c:legendPos': { a$: {val: 'b'}, },
+        'c:overlay': { a$: {val: '0'}, },
+      };
+    }
+
+    return template;
+
+  }
+
+  public CreateDonutChart() {
+
+    const template = JSON.parse(JSON.stringify(chart_template)); 
+    const chartspace = template['c:chartSpace'];
+    const chart = JSON.parse(JSON.stringify(donut_json)); 
+    chartspace['c:chart'] = chart;
+
+    this.UpdateChartTitle(chartspace['c:chart']);
+
+    const donut = chart['c:plotArea']['c:doughnutChart'];
+    if (donut) {
+
+      // const cat = this.FindNode('c:cat/c:strRef/c:f', donut);
+      // if (cat) {
+      //  cat._t = this.options.labels?.label;
+      //}
+      donut['c:ser']['c:cat']['c:strRef']['c:f'] = this.options.labels?.label || '';
+
+      //const val = this.FindNode('c:val/c:numRef/c:f', donut);
+      //if (val) {
+      //  val._t = this.options.data[0]?.label;
+      //}
+      donut['c:ser']['c:val']['c:numRef']['c:f'] = this.options.data[0]?.label || '';
+
+    }    
+
+    return template;
+    
+  }
+
+  public CreateBarChart() {
+
+    const template = JSON.parse(JSON.stringify(chart_template)); 
+    const chartspace = template['c:chartSpace'];
+    const bar = JSON.parse(JSON.stringify(column_json)); 
+
+    chartspace['c:chart'] = bar;
+    this.UpdateChartTitle(chartspace['c:chart']);
+
+    const column = bar['c:plotArea']['c:barChart'];
+
+    if (column) {
+
+      const bardir = column['c:barDir'];
+
+      if (bardir) {
+        bardir.a$.val = (this.options.type === 'bar') ? 'bar' : 'col';
+      }
+
+      const cser = column['c:ser'];
+
+      for (let i = 0; i < this.options.data.length; i++) {
+
+        const series = JSON.parse(JSON.stringify(column_series));
+
+        series['c:idx'] = { a$: { val: i.toString() }};
+        series['c:order'] = { a$: { val: i.toString() }};
+        series['c:spPr']['a:solidFill']['a:schemeClr'].a$['val'] = `accent${i+1}`;
+
+        if (!i && this.options.labels) {
+          series['c:cat'] = {
+            'c:strRef': {
+              'c:f': this.options.labels.label,
+            }
+          }
+        }
+
+        series['c:val']['c:numRef']['c:f'] = this.options.data[i]?.label;
+
+        cser.push(series);
+
+      }
+
+    }    
+
+    // console.info("T", JSON.stringify(template, undefined, 2));
+    return template;
+
+  }
+
+
+}