LCJS v7.0.1

Author: Niilo Keinänen

README.md

@@ -77,15 +77,15 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © LightningChart Ltd 2009-2022. All rights reserved.
 
 
-[Chart XY]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/ChartXY.html
-[Axis]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/Axis.html
-[Line series]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/LineSeries.html
-[Paletted fill]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/PalettedFill.html
-[Color lookup table]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/LUT.html
-[Color RGBA]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/functions/ColorRGBA.html
-[Empty line style]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/emptyLine.html
-[Axis tick strategies]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/AxisTickStrategies.html
-[UI element builders]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/UIElementBuilders.html
-[UI element origins]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/UIOrigins.html
-[UI text box]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/interfaces/UITextBox.html
+[Chart XY]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/ChartXY.html
+[Axis]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/Axis.html
+[Line series]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/LineSeries.html
+[Paletted fill]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/PalettedFill.html
+[Color lookup table]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/LUT.html
+[Color RGBA]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/functions/ColorRGBA.html
+[Empty line style]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/emptyLine.html
+[Axis tick strategies]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/AxisTickStrategies.html
+[UI element builders]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/UIElementBuilders.html
+[UI element origins]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/UIOrigins.html
+[UI text box]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/interfaces/UITextBox.html
 

linePaletteValue-cyberSpace.png

@@ -17,7 +17,7 @@
     "webpack-stream": "^7.0.0"
   },
   "dependencies": {
-    "@lightningchart/lcjs": "^6.1.1",
+    "@lightningchart/lcjs": "^6.1.2",
     "@lightningchart/xydata": "^1.4.0"
   },
   "lightningChart": {

linePaletteValue-darkGold.png

@@ -13,6 +13,7 @@ const {
     regularColorSteps,
     emptyLine,
     AxisTickStrategies,
+    emptyFill,
     Themes,
 } = lcjs
 
@@ -30,7 +31,10 @@ const axisX = chart.getDefaultAxisX()
 const axisY = chart.getDefaultAxisY()
 chart.getDefaultAxes().forEach((axis) => axis.setTickStrategy(AxisTickStrategies.Empty).setStrokeStyle(emptyLine))
 
-const lineSeries = chart.addLineSeries({ individualLookupValuesEnabled: true }).setStrokeStyle((stroke) => stroke.setThickness(10))
+const lineSeries = chart
+    .addPointLineAreaSeries({ lookupValues: true, dataPattern: null })
+    .setStrokeStyle((stroke) => stroke.setThickness(10))
+    .setPointFillStyle(emptyFill)
 
 const labelStart = chart.addUIElement(UIElementBuilders.TextBox, { x: axisX, y: axisY }).setVisible(false)
 
@@ -93,9 +97,11 @@ const displayDataSource = async (sourceName) => {
     lineSeries
         .clear()
         .setName(sourceName)
-        .add(data)
+        .appendJSON(data, { x: 'x', y: 'y', lookupValue: 'value' })
         .setStrokeStyle((stroke) => stroke.setFillStyle(new PalettedFill({ lut: dataSource.lut })))
 
+    console.log(lineSeries.readBack())
+
     const start = data[0]
     labelStart.setVisible(true).setPosition(start).setOrigin(UIOrigins.CenterBottom).setMargin(10).setText('START')