LCJS v8.0.0

Author: Niilo Keinänen

README.md

@@ -84,7 +84,6 @@ Here are reference tables to the achievable zoom range with normal Axis vs `High
 * [Chart XY]
 * [Axis XY]
 * [Line Series XY]
-* [Legend Box]
 
 
 ## Support
@@ -108,12 +107,11 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © LightningChart Ltd 2009-2022. All rights reserved.
 
 
-[Lightning Chart]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/functions/lightningChart-1.html
-[Automatic axis ticks options]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/variables/AxisTickStrategies.html
-[Solid fill style]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/SolidFill.html
-[Color factory RGBA]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/functions/ColorRGBA.html
-[Chart XY]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/ChartXY.html
-[Axis XY]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/Axis.html
-[Line Series XY]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/LineSeries.html
-[Legend Box]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/Chart.html#addLegendBox
+[Lightning Chart]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/functions/lightningChart-1.html
+[Automatic axis ticks options]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/variables/AxisTickStrategies.html
+[Solid fill style]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/SolidFill.html
+[Color factory RGBA]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/functions/ColorRGBA.html
+[Chart XY]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/ChartXY.html
+[Axis XY]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/Axis.html
+[Line Series XY]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/LineSeries.html
 

highPrecisionAxis-cyberSpace.png

@@ -17,8 +17,8 @@
     "webpack-stream": "^7.0.0"
   },
   "dependencies": {
-    "@lightningchart/lcjs": "^7.1.0",
-    "@lightningchart/xydata": "^1.4.0"
+    "@lightningchart/lcjs": "^8.0.0",
+    "@lightningchart/xydata": "^1.5.0"
   },
   "lightningChart": {
     "eID": "0014"

highPrecisionAxis-darkGold.png

@@ -11,6 +11,7 @@ const chart = lightningChart({
             resourcesBaseUrl: new URL(document.head.baseURI).origin + new URL(document.head.baseURI).pathname + 'resources/',
         })
     .ChartXY({
+        legend: { visible: false },
         defaultAxisX: {
             type: 'linear-highPrecision',
         },
@@ -22,34 +23,17 @@ const axisX = chart.getDefaultAxisX().setTickStrategy(AxisTickStrategies.Time, (
 
 const axisY = chart.getDefaultAxisY()
 
-const trace0 = chart
-    .addPointLineAreaSeries({
-        dataPattern: 'ProgressiveX',
-    })
-    .setAreaFillStyle(emptyFill)
-
-const trace1 = chart
-    .addPointLineAreaSeries({
-        dataPattern: 'ProgressiveX',
-    })
-    .setAreaFillStyle(emptyFill)
+const trace0 = chart.addLineSeries()
 
-chart
-    .addLegendBox()
-    .add(chart)
-    // Dispose example UI elements automatically if they take too much space. This is to avoid bad UI on mobile / etc. devices.
-    .setAutoDispose({
-        type: 'max-width',
-        maxWidth: 0.3,
-    })
+const trace1 = chart.addLineSeries()
 
 // Fetch example data.
 fetch(new URL(document.head.baseURI).origin + new URL(document.head.baseURI).pathname + 'examples/assets/0014/data.json')
     .then((r) => r.json())
     .then((data) => {
         // Data X coordinates are in milliseconds starting from 0.
-        trace0.add(data['trace0'])
-        trace1.add(data['trace1'])
+        trace0.appendJSON(data['trace0'])
+        trace1.appendJSON(data['trace1'])
         axisX.fit(false)
 
         // Animate zoom in.