@trebco/treb 28.17.4 → 29.1.2

package/treb-charts/src/chart-utils.ts

@@ -1,9 +1,10 @@
 
-import { type UnionValue, ValueType, type ArrayUnion } from 'treb-base-types';
-import { LegendStyle } from './chart-types';
-import type { SubSeries, SeriesType, BarData, ChartDataBaseType, ChartData, ScatterData2, LineData, DonutSlice, BubbleChartData } from './chart-types';
+import { type UnionValue, ValueType, type ArrayUnion, IsComplex, type CellValue } from 'treb-base-types';
+import { IsArrayUnion, IsMetadata, IsSeries, LegendStyle } from './chart-types';
+import type { SubSeries, SeriesType, BarData, ChartDataBaseType, ChartData, ScatterData2, DonutSlice, BubbleChartData } from './chart-types';
 import { NumberFormatCache } from 'treb-format';
 import { Util } from './util';
+import type { ReferenceSeries } from './chart-types';
 
 /**
  * this file is the concrete translation from function arguments
@@ -15,7 +16,9 @@ import { Util } from './util';
 
 const DEFAULT_FORMAT = '#,##0.00'; // why not use "general", or whatever the usual default is?
 
-export const ReadSeries = (data: Array<any>): SeriesType => {
+export const ReadSeries = (data: ReferenceSeries['value']): SeriesType => {
+
+  const [label, x, y, z, index, subtype, data_labels] = data;
 
   // series type is (now)
   //
@@ -33,80 +36,74 @@ export const ReadSeries = (data: Array<any>): SeriesType => {
     y: { data: [] },
   };
 
-  if (data[4] && typeof data[4] === 'number') {
-    series.index = data[4];
+  if (typeof index === 'number') {
+    series.index = index;
   }
 
-  if (data[5]) {
-    series.subtype = data[5].toString();
+  if (subtype) {
+    series.subtype = subtype.toString();
   }
 
-  if (data[6]) {
-    const labels = Util.Flatten(Array.isArray(data[6]) ? data[6] : [data[6]]);
+  if (data_labels) {
+    const labels = Util.Flatten<CellValue>(Array.isArray(data_labels) ? data_labels : [data_labels]);
     series.labels = labels.map(value => (typeof value === 'undefined') ? '' : value.toString());
   }
 
-  if (data[0]) {
+  if (label) {
+    series.label = label.toString();
+  }
+  
+  const ParseSubseries = (source?: UnionValue, apply_labels = false) => {
 
-    const flat = Util.Flatten(data[0]);
+    let subseries: SubSeries|undefined;
 
-    // this could be a string, if it's a literal, or metadata 
-    // [why would we want metadata?]
-    //
-    // OK, check that, should be a string (or other literal)
+    // convert single values -> array (is this still necessary?)
 
-    if (typeof flat[0] === 'object') {
-      series.label = flat[0]?.value?.toString() || '';
-    }
-    else {
-      series.label = flat[0].toString();
+    if (IsMetadata(source)) {
+      source = {
+        type: ValueType.array,
+        value: [[source]],
+      };
     }
-  }
 
-  // convert single value series to arrays so we can just use the old routine
+    if (IsArrayUnion(source)) {
 
-  for (let i = 1; i < 4; i++) {
-    if (data[i] && typeof data[i] === 'object' && data[i].key === 'metadata') {
-      data[i] = {
-        type: ValueType.array,
-        value: [data[i]],
+      subseries = { data: [] };
+
+      const flat = Util.Flatten<UnionValue>(source.value);
+      
+      subseries.data = flat.map(item => {
+        if (IsMetadata(item)) {
+          if (typeof item.value.value === 'number') {
+            return item.value.value;
+          }
+        }
+        else if (item.type === ValueType.number) {
+          return item.value;
+        }
+        return undefined;
+      });
+  
+      if (IsMetadata(flat[0]) && flat[0].value?.format) {
+        subseries.format = (flat[0].value.format);
+        if (apply_labels) {
+          const format = NumberFormatCache.Get(subseries.format);
+          subseries.labels = subseries.data.map(value => (value === undefined) ? undefined : format.Format(value));
+        }
       }
-    }
-  }
   
-  // read [2] first, so we can default for [1] if necessary
-
-  if (!!data[2] && (typeof data[2] === 'object') && data[2].type === ValueType.array) {
-    const flat = Util.Flatten(data[2].value);
-    series.y.data = flat.map(item => typeof item.value.value === 'number' ? item.value.value : undefined);
-    if (flat[0].value?.format) {
-      series.y.format = flat[0].value?.format as string;
-      const format = NumberFormatCache.Get(series.y.format);
-      series.y.labels = series.y.data.map(value => (value === undefined) ? undefined : format.Format(value));
     }
-  }
-
-  if (!!data[1] && (typeof data[1] === 'object') && data[1].type === ValueType.array) {
-    const flat = Util.Flatten(data[1].value);
-    series.x.data = flat.map(item => typeof item.value.value === 'number' ? item.value.value : undefined);
-    if (flat[0].value.format) {
-      series.x.format = flat[0].value.format;
-    }
-  }
+    return subseries;
 
-  const entries = [series.x, series.y]
+  };
 
-  // try reading [3]
+  // read [2] first, so we can default for [1] if necessary
 
-  if (!!data[3] && (typeof data[3] === 'object') && data[3].type === ValueType.array) {
-    const flat = Util.Flatten(data[3].value);
-    series.z = { data: [] };
-    series.z.data = flat.map(item => typeof item.value.value === 'number' ? item.value.value : undefined);
-    if (flat[0].value.format) {
-      series.z.format = flat[0].value.format;
-    }
-  }
+  series.y = ParseSubseries(y, true) || { data: [] };
+  series.x = ParseSubseries(x) || { data: [] };
+  series.z = ParseSubseries(z);
 
+  const entries = [series.x, series.y]
 
   for (const subseries of entries) {
 
@@ -129,7 +126,7 @@ export const ArrayToSeries = (array_data: ArrayUnion): SeriesType => {
   // this is an array of Y, X not provided
 
   const series: SeriesType = { x: { data: [] }, y: { data: [] }, };
-  const flat = Util.Flatten(array_data.value);
+  const flat = Util.Flatten<UnionValue>(array_data.value);
 
   // series.y.data = flat.map(item => typeof item.value === 'number' ? item.value : undefined);
 
@@ -142,20 +139,35 @@ export const ArrayToSeries = (array_data: ArrayUnion): SeriesType => {
 
     // ... ok, it's metadata (why not just test?) ...
 
-    // experimenting with complex... put real in X axis and imaginary in Y axis
-    // note should also function w/ complex not in a metadata structure
+    if (IsMetadata(item)) {
+     
+      // experimenting with complex... put real in X axis and imaginary in Y axis
+      // note should also function w/ complex not in a metadata structure
+
+      // if (typeof item.value.value?.real === 'number') {
+      if (IsComplex(item.value.value)) {
+        series.x.data[index] = item.value.value.real;
+        return item.value.value.imaginary;
+      }
+      if (typeof item.value.value === 'number') {
+        return item.value.value;
+      }
 
-    if (typeof item.value.value?.real === 'number') {
-      series.x.data[index] = item.value.value.real;
-      return item.value.value.imaginary;
     }
 
-    return typeof item.value.value === 'number' ? item.value.value : undefined;
+    // return typeof item.value.value === 'number' ? item.value.value : undefined;
+
+    return undefined;
 
   });
 
-  if (flat[0].value.format) {
-    series.y.format = flat[0].value.format || '';
+  let first_format = '';
+  if (IsMetadata(flat[0])) {
+    first_format = flat[0].value.format || '';
+  }
+
+  if (first_format) {
+    series.y.format = first_format;
     const format = NumberFormatCache.Get(series.y.format || '');
     series.y.labels = series.y.data.map(value => (value === undefined) ? undefined : format.Format(value));
   }
@@ -177,8 +189,8 @@ export const ArrayToSeries = (array_data: ArrayUnion): SeriesType => {
       max: Math.max.apply(0, filtered),
     }
 
-    if (flat[0].value.format) {
-      series.x.format = flat[0].value.format || '';
+    if (first_format) {
+      series.x.format = first_format;
       const format = NumberFormatCache.Get(series.x.format || '');
       series.x.labels = series.x.data.map(value => (value === undefined) ? undefined : format.Format(value));
     }
@@ -212,7 +224,7 @@ export const TransformSeriesData = (raw_data?: UnionValue, default_x?: UnionValu
       if (Array.isArray(raw_data.value)) {
         for (const [series_index, entry] of raw_data.value.entries()) {
           if (!!entry && (typeof entry === 'object')) {
-            if (entry.key === 'series') {
+            if (IsSeries(entry)) {
               const series = ReadSeries(entry.value);
               if (typeof series.index === 'undefined') {
                 series.index = series_index + 1;
@@ -226,7 +238,7 @@ export const TransformSeriesData = (raw_data?: UnionValue, default_x?: UnionValu
         }
       }
     }
-    else if (raw_data.key === 'series') {
+    else if (IsSeries(raw_data)) {
       const series = ReadSeries(raw_data.value);
       list.push(series);
     }
@@ -247,18 +259,17 @@ export const TransformSeriesData = (raw_data?: UnionValue, default_x?: UnionValu
 
   if (default_x?.type === ValueType.array) {
 
-    const values = Util.Flatten(default_x.value);
+    const values = Util.Flatten<UnionValue>(default_x.value);
 
     let format = '0.00###';
 
-    if (values[0] && values[0].type === ValueType.object) { // UnionIs.Extended(values[0])) {
+    if (IsMetadata(values[0]) && values[0].value.format) {
       format = values[0].value.format;
     }
 
     const data = values.map(x => {
       if (x.type === ValueType.number) { return x.value; }
-      if (x.type === ValueType.object) { // ??
-        // if (UnionIs.Extended(x)) { // ?
+      if (IsMetadata(x) && typeof x.value.value === 'number') {
         return x.value.value;
       }
       return undefined;
@@ -332,7 +343,7 @@ export const CommonData = (series: SeriesType[], y_floor?: number, y_ceiling?: n
   let x_min = Math.min.apply(0, x.map(test => test.x.range?.min || 0));
   let x_max = Math.max.apply(0, x.map(test => test.x.range?.max || 0));
 
-  const y = series.filter(test => test.y.range);
+  // const y = series.filter(test => test.y.range);
   let y_min = Math.min.apply(0, x.map(test => test.y.range?.min || 0));
   let y_max = Math.max.apply(0, x.map(test => test.y.range?.max || 0));
 
@@ -461,7 +472,7 @@ export const CreateBubbleChart = (args: UnionValue[]): ChartData => {
 
   const common = CommonData(series, y_floor, undefined, x_floor);
   const title = args[1]?.toString() || undefined;
-  const options = args[2]?.toString() || undefined;
+  // const options = args[2]?.toString() || undefined;
 
   // console.info({ series, common, title, options });
 
@@ -583,7 +594,7 @@ export const CreateBubbleChart = (args: UnionValue[]): ChartData => {
  * 
  * @param args 
  */
-export const CreateScatterChart = (args: any[], style: 'plot' | 'line' = 'plot'): ChartData => {
+export const CreateScatterChart = (args: [UnionValue, string, string], style: 'plot' | 'line' = 'plot'): ChartData => {
 
   // FIXME: transform the data, then have this function
   // operate on clean data. that way the transform can
@@ -650,32 +661,40 @@ export const CreateScatterChart = (args: any[], style: 'plot' | 'line' = 'plot')
  * @param args arguments: data, categories, title, options
  * @param type 
  */
-export const CreateColumnChart = (args: [UnionValue?, UnionValue?, string?, string?], type: 'bar' | 'column'): ChartData => {
+export const CreateColumnChart = (
+    args: [UnionValue?, UnionValue?, string?, string?], 
+    type: 'bar' | 'column'): ChartData => {
 
-  const series: SeriesType[] = TransformSeriesData(args[0]);
+  const [data, labels, args_title, args_options] = args;
+      
+  const series: SeriesType[] = TransformSeriesData(data);
   const common = CommonData(series);
 
   let category_labels: string[] | undefined;
 
-  if (args[1]) {
+  if (labels) {
+
+    const values = labels.type === ValueType.array ? Util.Flatten<UnionValue>(labels.value) : Util.Flatten<UnionValue>(labels);
 
-    const values = args[1].type === ValueType.array ? Util.Flatten(args[1].value) : Util.Flatten(args[1]);
     category_labels = values.map((cell) => {
-      if (!cell) { return ''; }
 
-      if (cell.type === ValueType.object && cell.value.type === 'metadata') {
+      if (!cell || !cell.value) { return ''; }
+
+      if (IsMetadata(cell)) {
         if (typeof cell.value.value === 'number') {
           const format = NumberFormatCache.Get(cell.value.format || DEFAULT_FORMAT);
           return format.Format(cell.value.value);
         }
-        return cell.value.value;
+        return cell.value.value?.toString() || '';
       }
 
       if (typeof cell.value === 'number') {
-        const format = NumberFormatCache.Get(cell.format || DEFAULT_FORMAT);
+        const format = NumberFormatCache.Get(DEFAULT_FORMAT);
         return format.Format(cell.value);
       }
-      return cell.value;
+
+      return cell.value.toString();
+
     });
 
     const count = series.reduce((a, entry) => Math.max(a, entry.y.data.length), 0);
@@ -688,8 +707,8 @@ export const CreateColumnChart = (args: [UnionValue?, UnionValue?, string?, stri
 
   }
 
-  const title = args[2]?.toString() || undefined;
-  const options = args[3]?.toString() || undefined;
+  const title = args_title?.toString() || undefined;
+  const options = args_options?.toString() || undefined;
 
   const chart_data = {
     type,
@@ -734,7 +753,7 @@ export const CreateColumnChart = (args: [UnionValue?, UnionValue?, string?, stri
 /**
  * args: data, labels, title, callouts, "smooth"
  */
-export const CreateLineChart = (args: any[], type: 'line' | 'area'): ChartData => {
+export const CreateLineChart = (args: [UnionValue, UnionValue, string, string], type: 'line' | 'area'): ChartData => {
 
   const series: SeriesType[] = TransformSeriesData(args[0], args[1]);
   const common = CommonData(series, 0, 0);
@@ -781,14 +800,23 @@ export const CreateLineChart = (args: any[], type: 'line' | 'area'): ChartData =
  */
 export const CreateDonut = (args: [UnionValue?, UnionValue?, string?, string?, string?], pie_chart = false): ChartData => {
 
+  const [_a, _c, title, _options, _slice_title] = args;
+
   const raw_data = args[0]?.type === ValueType.array ? args[0].value : args[0];
 
-  // we're now expecting this to be metadata (including value).
-  // so we need to unpack. could be an array... could be deep...
-  const flat = Util.Flatten(raw_data);
+  const flat = raw_data ? Util.Flatten<UnionValue>(raw_data) : [];
 
   // we still need the aggregate for range, scale
-  let data = flat.map((x) => (typeof x.value.value === 'number') ? x.value.value : undefined) as number[];
+  // let data = flat.map((x) => (typeof x.value.value === 'number') ? x.value.value : undefined) as number[];
+
+  let data: (number|undefined)[] = flat.map(cell => {
+    if (IsMetadata(cell)) {
+      if (typeof cell.value.value === 'number') {
+        return cell.value.value;
+      }
+    }
+    return undefined;
+  })
 
 
   // if labels are strings, just pass them in. if they're numbers then
@@ -796,34 +824,40 @@ export const CreateDonut = (args: [UnionValue?, UnionValue?, string?, string?, s
 
   const raw_labels = args[1]?.type === ValueType.array ? args[1].value : args[1];
 
-  const labels = Util.Flatten(raw_labels).map((label) => {
-    if (label && typeof label === 'object') {
-      const value = label.value?.value;
-      if (typeof value === 'number' && label.value?.format) {
-        return NumberFormatCache.Get(label.value?.format).Format(value);
+  const labels = Util.Flatten<UnionValue>(raw_labels||[]).map(label => {
+    if (IsMetadata(label)) {
+      if (typeof label.value.value === 'number' && label.value.format) {
+        return NumberFormatCache.Get(label.value.format).Format(label.value.value);
       }
-      else return value ? value.toString() : '';
+      else return label.value.value?.toString() || '';
     }
-    else return label ? label.toString() : '';
+    return label.value?.toString() || '';
   });
 
   // no negative numbers
 
+  let warned = false;
   data = data.map((check) => {
-    if (check < 0) {
-      console.warn('pie/donut chart does not support negative values (omitted)');
+    if (check && check < 0) {
+      if (!warned) {
+        console.warn('pie/donut chart does not support negative values (omitted)');
+        warned = true;
+      }
       return 0;
     }
     return check;
   });
 
-  const title = args[2] || '';
-
   let sum = 0;
 
   const slices: DonutSlice[] = data.map((value, i) => {
     if (typeof value !== 'undefined') sum += value;
-    return { value, label: labels[i] || '', index: i + 1, percent: 0 };
+    return { 
+      value: value || 0, 
+      label: labels[i] || '', 
+      index: i + 1, 
+      percent: 0,
+    };
   });
 
   if (sum) {
@@ -835,7 +869,16 @@ export const CreateDonut = (args: [UnionValue?, UnionValue?, string?, string?, s
   // titles? label/value/percent
   // FIXME: number format(s)
 
-  const format_pattern = (flat.length && flat[0].value?.format) ? flat[0].value.format : '';
+  let format_pattern = '';
+  for (const value of flat) {
+    if (IsMetadata(value)) {
+      format_pattern = value.value.format || '';
+      break;
+    }
+  }
+  
+  // const format_pattern = (flat.length && flat[0].value?.format) ? flat[0].value.format : '';
+  
   const format = NumberFormatCache.Get(format_pattern || DEFAULT_FORMAT);
   const percent_format = NumberFormatCache.Get('percent');
 
@@ -861,11 +904,10 @@ export const CreateDonut = (args: [UnionValue?, UnionValue?, string?, string?, s
 
   // optionally sort...
 
-  const options = (args[3] || '').toString().trim();
 
   // old-style...
 
-  let sort = options.toUpperCase();
+  let sort = (_options||'').toUpperCase();
   if (sort === 'ASC' || sort === 'ASCENDING' || sort === 'INC') {
     slices.sort((a, b) => { return (a.value || 0) - (b.value || 0); });
   }
@@ -873,7 +915,7 @@ export const CreateDonut = (args: [UnionValue?, UnionValue?, string?, string?, s
     slices.sort((a, b) => { return (b.value || 0) - (a.value || 0); });
   }
   else {
-    const match = options.match(/sort=([\w]+)(?:\W|$)/i);
+    const match = (_options||'').match(/sort=([\w]+)(?:\W|$)/i);
     if (match) {
       sort = match[1];
       if (/^(asc|inc)/i.test(sort)) {
@@ -888,11 +930,11 @@ export const CreateDonut = (args: [UnionValue?, UnionValue?, string?, string?, s
   const chart_data: ChartData = {
     type: pie_chart ? 'pie' : 'donut',
     slices,
-    title,
+    title: title || '',
   };
 
-  if (options) {
-    const match = options.match(/class=([_-\w]+)(?:\W|$)/);
+  if (_options) {
+    const match = _options.match(/class=([_-\w]+)(?:\W|$)/);
     if (match) {
       chart_data.class_name = match[1];
     }

package/treb-charts/src/chart.ts

@@ -31,7 +31,8 @@ export class Chart {
 
   public Exec(func: string, union: ExtendedUnion) {
 
-    const args: any[] = union?.value || [];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const args: any[] = (union?.value as any[]) || [];
     
     switch (func.toLowerCase()) {
 
@@ -44,11 +45,11 @@ export class Chart {
         break;
               
       case 'line.chart':
-        this.chart_data = ChartUtils.CreateLineChart(args, 'line');
+        this.chart_data = ChartUtils.CreateLineChart(args as Parameters<typeof ChartUtils.CreateLineChart>[0], 'line');
         break;
 
       case 'area.chart':
-        this.chart_data = ChartUtils.CreateLineChart(args, 'area');
+        this.chart_data = ChartUtils.CreateLineChart(args as Parameters<typeof ChartUtils.CreateLineChart>[0], 'area');
         break;
 
       case 'donut.chart':
@@ -57,11 +58,11 @@ export class Chart {
         break;
 
       case 'scatter.plot':
-        this.chart_data = ChartUtils.CreateScatterChart(args, 'plot');
+        this.chart_data = ChartUtils.CreateScatterChart(args as Parameters<typeof ChartUtils.CreateScatterChart>[0], 'plot');
         break;
 
       case 'scatter.line':
-        this.chart_data = ChartUtils.CreateScatterChart(args, 'line');
+        this.chart_data = ChartUtils.CreateScatterChart(args as Parameters<typeof ChartUtils.CreateScatterChart>[0], 'line');
         break;
   
       case 'bubble.chart':

package/treb-charts/src/default-chart-renderer.ts

@@ -23,6 +23,7 @@ export class DefaultChartRenderer implements ChartRendererType {
 
   private margin = { top: 0.025, left: 0.05, bottom: 0.025, right: 0.075 };
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   public Resize(target: HTMLElement, data: ChartData) {
     this.renderer.Resize();
   }
@@ -196,7 +197,7 @@ export class DefaultChartRenderer implements ChartRendererType {
 
     // now do type-specific rendering
 
-    let zeros: number[]|undefined = [];
+    const zeros: number[] = [];
 
     switch (chart_data.type) {
     case 'scatter':
@@ -384,7 +385,7 @@ export class DefaultChartRenderer implements ChartRendererType {
 
                 let x = 0;
                 let width = 0;
-                let negative = false;
+                // let negative = false;
 
                 if (zero) {
                   if (value > 0) {
@@ -394,7 +395,7 @@ export class DefaultChartRenderer implements ChartRendererType {
                   else {
                     width = Util.ApplyScale(chart_data.scale.min - value, area.width, chart_data.scale);
                     x = area.left + zero - width;
-                    negative = true;
+                    // negative = true;
                   }
                 }
                 else {
@@ -484,7 +485,7 @@ export class DefaultChartRenderer implements ChartRendererType {
                 
                 let height = 0;
                 let y = 0;
-                let negative = false;
+                // let negative = false;
 
                 if (zero) {
                   if (value > 0) {
@@ -494,7 +495,7 @@ export class DefaultChartRenderer implements ChartRendererType {
                   else {
                     height = Util.ApplyScale(chart_data.scale.min - value, area.height, chart_data.scale);
                     y = area.bottom - zero; // // area.bottom - height - zero;
-                    negative = true;
+                    // negative = true;
                   }
                 }
                 else {

package/treb-charts/src/renderer.ts

@@ -33,11 +33,11 @@ export interface Metrics {
   y_offset: number;
 }
 
-const SVGNode = (tag: string, attribute_map: {[index: string]: any} = {}, text?: string): SVGElement => {
+const SVGNode = (tag: string, attribute_map: {[index: string]: string|number|unknown} = {}, text?: string): SVGElement => {
   const node = document.createElementNS(SVGNS, tag);
   for (const key of Object.keys(attribute_map)) {
     if (attribute_map[key] !== undefined) {
-      const value = attribute_map[key];
+      const value = attribute_map[key] ?? '';
       node.setAttribute(key, Array.isArray(value) ? value.join(' ') : value.toString());
     }
   }
@@ -836,10 +836,10 @@ export class ChartRenderer {
 
         const shape = SVGNode('circle', {cx: circle.x, cy: circle.y, r: step});
 
-        shape.addEventListener('mouseenter', (event) => {
+        shape.addEventListener('mouseenter', () => {
           this.parent.setAttribute('title', titles[circle.i] || '');
         });
-        shape.addEventListener('mouseleave', (event) => {
+        shape.addEventListener('mouseleave', () => {
           this.parent.setAttribute('title', '');
         });
 
@@ -934,10 +934,10 @@ export class ChartRenderer {
 
         const shape = SVGNode('circle', { cx: circle.x, cy: circle.y, r: step });
 
-        shape.addEventListener('mouseenter', (event) => {
+        shape.addEventListener('mouseenter', () => {
           this.parent.setAttribute('title', titles[circle.i] || '');
         });
-        shape.addEventListener('mouseleave', (event) => {
+        shape.addEventListener('mouseleave', () => {
           this.parent.setAttribute('title', '');
         });
 
@@ -1251,8 +1251,8 @@ export class ChartRenderer {
       offset: number,
     }> = [];
 
-    const d: string[] = [];
-    const areas: string[] = [];
+    // const d: string[] = [];
+    // const areas: string[] = [];
 
     const group = SVGNode('g', {class: classes});
 
@@ -1652,10 +1652,10 @@ export class ChartRenderer {
     });
 
     if (title) {
-      node.addEventListener('mouseenter', (event) => {
+      node.addEventListener('mouseenter', () => {
         this.parent.setAttribute('title', title);
       });
-      node.addEventListener('mouseleave', (event) => {
+      node.addEventListener('mouseleave', () => {
         this.parent.setAttribute('title', '');
       });
     }
@@ -1894,7 +1894,8 @@ export class ChartRenderer {
           let break_index = -1;
           let break_value = 1;
 
-          const indices: number[] = [];
+          // const indices: number[] = [];
+
           for (let i = 0; i < text.length; i++) {
             if (break_regex.test(text[i])) {
               const index_value = Math.abs(0.5 - (i / text.length));