Merge branch 'broken-examples-after-renaming-#3' into 'main'

fx usage of LinePod in examples

Closes #2

See merge request chartwerk/line-pod!6

dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ChartwerkPod, TickOrientation, TimeFormat } from '@chartwerk/core';
 import { LineTimeSerie, LineOptions, Mode } from './types';
-export declare class ChartwerkLineChart extends ChartwerkPod<LineTimeSerie, LineOptions> {
+export declare class LinePod extends ChartwerkPod<LineTimeSerie, LineOptions> {
     lineGenerator: any;
     metricContainer: any;
     constructor(_el: HTMLElement, _series?: LineTimeSerie[], _options?: LineOptions);

examples/demo.html

@@ -21,7 +21,7 @@
         renderLegend: false, usePanning: false, axis: { y: { invert: false, range: [0, 350] }, x: { format: 'time' } },
         eventsCallbacks: { zoomIn: zoomIn, zoomOut }
       }
-      var pod = new ChartwerkLineChart(
+      var pod = new LinePod(
         document.getElementById('chart'),
         [
           { target: 'test1', datapoints: data1, color: 'green' },

examples/demo_live.html

@@ -18,7 +18,7 @@
     const data2 = Array.from({ length: arrayLength }, (el, idx) => [Math.floor(Math.random() * 100), startTime + idx * 10000]);
     const data3 = Array.from({ length: arrayLength }, (el, idx) => [Math.floor(Math.random() * 20) + 90, startTime + idx * 10000]);
     let options = { renderLegend: false, usePanning: false, axis: { y: { invert: false, range: [0, 350] }, x: { format: 'time' } } };
-    var pod = new ChartwerkLineChart(
+    var pod = new LinePod(
       document.getElementById('chart'),
       [
         { target: 'test1', datapoints: data1, color: 'green', maxLength: arrayLength + 30, renderDots: true },

examples/demo_vertical.html

@@ -36,7 +36,7 @@
         crosshair: { orientation: 'horizontal' },
         margin: { top: 30, right: 20, bottom: 20, left: 50 }
       }
-      var pod = new ChartwerkLineChart(
+      var pod = new LinePod(
         document.getElementById('chart'),
         [
           { target: 'test1', datapoints: data1, color: 'green' },