chore: optimize Chart.ts file & tweak example18

Author: ghiscoding

packages/demo/src/examples/example18.html

@@ -2,7 +2,7 @@
  <div class="row">
  <div class="col-md-12 title-desc">
  <h2 class="bd-title">
- Example 18: Create Chart
+ Example 18: Create Charts
  <span class="float-end links">
  Code <span class="fa fa-link"></span>
  <span class="small">
@@ -29,37 +29,11 @@ <h2 class="bd-title">
  <div class="mb-2">
  <button id="export-chart" class="btn btn-success btn-sm">
  <i class="fa fa-download"></i>
- Excel Export with Chart
+ Excel Export
  </button>
  </div>
  <div class="row">
  <div class="table-container col-sm-6">
- <table class="table">
- <thead>
- <tr>
- <th scope="col">Month</th>
- <th scope="col">Q1</th>
- <th scope="col">Q2</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Jan</td>
- <td>120</td>
- <td>180</td>
- </tr>
- <tr>
- <td>Feb</td>
- <td>150</td>
- <td>160</td>
- </tr>
- <tr>
- <td>Mar</td>
- <td>170</td>
- <td>200</td>
- </tr>
- </tbody>
- </table>
  <div class="screenshot-wrapper mt-4">
  <h6 class="mb-2">Excel Preview (single sheet example)</h6>
  <p class="small text-muted mt-1">

packages/excel-builder-vanilla-types/dist/index.d.ts

@@ -437,29 +437,33 @@ export declare class Chart extends Drawing {
 target: string | null;
 options: ChartOptions;
 constructor(options: ChartOptions);
-/** RelationshipManager calls this via Drawings */
-setRelationshipId(rId: string): void;
 /** Return relationship type for this drawing */
 getMediaType(): keyof typeof Util.schemas;
-/** Creates the graphicFrame container that goes inside an anchor in drawing part */
-private createGraphicFrame;
+/** RelationshipManager calls this via Drawings */
+setRelationshipId(rId: string): void;
 /** Drawing part representation (inside an anchor) */
 toXML(xmlDoc: XMLDOM): XMLNode;
-private _nextAxisIdBase;
 /** Chart part XML: /xl/charts/chartN.xml */
 toChartSpaceXML(): XMLDOM;
+/** Creates the graphicFrame container that goes inside an anchor in drawing part */
+private createGraphicFrame;
 /** Create the primary chart node based on type and stacking */
 private _createPrimaryChartNode;
-/** Resolve grouping value based on chart type and stacking */
-private _resolveGrouping;
+/** Build a <c:ser> node */
+private _createSeriesNode;
+/** Apply a basic series color if provided. Supports RGB (RRGGBB) or ARGB (AARRGGBB); leading # optional. Alpha (if provided) is stripped. */
+private _applySeriesColor;
+/** Create legend node honoring position + overlay */
+private _createLegendNode;
 /** Create a c:title node with minimal rich text required for Excel to render */
 private _createTitleNode;
 /** Create a category axis (catAx) */
 private _createCategoryAxis;
 /** Create a value axis (valAx) */
 private _createValueAxis;
-/** Apply a basic series color if provided. Supports RGB (RRGGBB) or ARGB (AARRGGBB); leading # optional. Alpha (if provided) is stripped. */
-private _applySeriesColor;
+private _nextAxisIdBase;
+/** Resolve grouping value based on chart type and stacking */
+private _resolveGrouping;
 }
 export type Relation = {
 [id: string]: {