LCJS v8.0.0

Author: Niilo Keinänen

README.md

@@ -99,10 +99,10 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © LightningChart Ltd 2009-2022. All rights reserved.
 
 
-[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/ChartXY.html
-[Area series]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/ChartXY.html#addAreaSeries
-[Area type]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/AreaSeriesTypes.html
-[Positive Area series]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/AreaSeriesPositive.html
-[Negative Area series]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/AreaSeriesNegative.html
-[Color palettes]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/variables/ColorPalettes.html
+[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/ChartXY.html
+[Area series]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/ChartXY.html#addAreaSeries
+[Area type]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/AreaSeriesTypes.html
+[Positive Area series]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/AreaSeriesPositive.html
+[Negative Area series]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/AreaSeriesNegative.html
+[Color palettes]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/variables/ColorPalettes.html
 

package.json

@@ -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": "0101"

src/index.js

@@ -8,7 +8,7 @@
 const lcjs = require('@lightningchart/lcjs')
 
 // Extract required parts from LightningChartJS.
-const { lightningChart, AreaSeriesTypes, UIElementBuilders, LegendBoxBuilders, PointShape, Themes } = lcjs
+const { lightningChart, AreaSeriesTypes, UIElementBuilders, PointShape, Themes } = lcjs
 
 // Create a XY Chart.
 const xyChart = lightningChart({
@@ -19,15 +19,6 @@ const xyChart = lightningChart({
     })
     .setTitle('Expected Profits To Expenses')
 
-// Create a LegendBox as part of the chart.
-const legend = xyChart
-    .addLegendBox(LegendBoxBuilders.HorizontalLegendBox)
-    // 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.8,
-    })
-
 // ---- Add multiple Area series with different baselines and direction. ----
 const areaProfit = xyChart.addAreaSeries({ type: AreaSeriesTypes.Positive }).setName('Profits')
 
@@ -146,12 +137,8 @@ const expensesData = [
 
 // ---- Generate points using 'xydata'-library and add it to every plot. ----
 profitData.forEach((point) => {
-    areaProfit.add(point)
+    areaProfit.appendSample(point)
 })
 expensesData.forEach((point) => {
-    areaExpense.add(point)
+    areaExpense.appendSample(point)
 })
-
-// Add series to LegendBox and style entries.
-legend.add(areaProfit, true, 'Expected Profits To Expenses', UIElementBuilders.CheckBox.setButtonShape(PointShape.Circle))
-legend.add(areaExpense, true, 'Expected Profits To Expenses', UIElementBuilders.CheckBox.setButtonShape(PointShape.Circle))