Update LCJS version

Author: Snekw

README.md

@@ -62,9 +62,9 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © Arction Ltd 2009-2020. All rights reserved.
 
 
-[Axis tick strategies]: https://www.arction.com/lightningchart-js-api-documentation/v3.0.1/globals.html#axistickstrategies
-[XY cartesian chart]: https://www.arction.com/lightningchart-js-api-documentation/v3.0.1/classes/chartxy.html
-[OHLC series types]: https://www.arction.com/lightningchart-js-api-documentation/v3.0.1/globals.html#ohlcseriestypes
-[Series with automatic packing]: https://www.arction.com/lightningchart-js-api-documentation/v3.0.1/classes/ohlcserieswithautomaticpacking.html
+[Axis tick strategies]: https://www.arction.com/lightningchart-js-api-documentation/v3.1.0/globals.html#axistickstrategies
+[XY cartesian chart]: https://www.arction.com/lightningchart-js-api-documentation/v3.1.0/classes/chartxy.html
+[OHLC series types]: https://www.arction.com/lightningchart-js-api-documentation/v3.1.0/globals.html#ohlcseriestypes
+[Series with automatic packing]: https://www.arction.com/lightningchart-js-api-documentation/v3.1.0/classes/ohlcserieswithautomaticpacking.html
 [Progressive trace generator]: https://arction.github.io/xydata/classes/progressivetracegenerator.html
 

ohlcAutomaticPackingResolution.png

@@ -14,7 +14,7 @@
         "webpack-dev-server": "^3.9.0"
     },
     "dependencies": {
-        "@arction/lcjs": "^3.0.1",
+        "@arction/lcjs": "^3.1.0",
         "@arction/xydata": "^1.4.0",
         "clean-webpack-plugin": "^3.0.0",
         "webpack": "^4.41.2",

package.json

@@ -18,32 +18,17 @@ const {
     createProgressiveTraceGenerator
 } = require('@arction/xydata')
 
-const container = document.createElement('div')
-container.id = 'lcjs-chart-container'
-container.style.display = 'flex'
-container.style.flexDirection = 'column'
-container.style.height = '100%'
-
-const div1 = document.createElement('div')
-div1.id = 'div1'
-div1.style.height = '100%'
-container.appendChild(div1)
-const div2 = document.createElement('div')
-div2.id = 'div2'
-div2.style.height = '100%'
-container.appendChild(div2)
-document.body.appendChild(container)
-
 const dataSpan = 60 * 60 * 1000
 const dataFrequency = 1 * 1000
 
 // Decide on an origin for DateTime axis.
 const dateOrigin = new Date(2018, 0, 1)
 // Create charts and series for two different packing resolutions.
-const lc = lightningChart()
-const chartDefault = lc.ChartXY({
-    container: 'div1',
-    // theme: Themes.dark
+const dashboard = lightningChart().Dashboard({numberOfColumns: 1, numberOfRows: 2})
+const chartDefault = dashboard.createChartXY({
+    columnIndex: 0,
+    rowIndex: 0,
+    // theme: Themes.darkGold
 })
 // Use DateTime TickStrategy with custom origin date.
 chartDefault
@@ -68,9 +53,10 @@ chartDefault.setPadding({
 chartDefault.getDefaultAxisY()
     .setTitle('USD')
 
-const chartLow = lc.ChartXY({
-    container: div2,
-    // theme: Themes.dark
+const chartLow = dashboard.createChartXY({
+    columnIndex: 0,
+    rowIndex: 1,
+    // theme: Themes.darkGold
 })
 // Use DateTime TickStrategy with custom origin date.
 chartLow

src/index.js

@@ -69,7 +69,8 @@ module.exports = {
         }),
         new CopyWebpackPlugin({
             patterns: [
-                { from: './assets/**/*', to: './examples/assets', flatten: true, noErrorOnMissing: true }
+                { from: './assets/**/*', to: './examples/assets', flatten: true, noErrorOnMissing: true },
+                { from: './node_modules/@arction/lcjs/dist/resources', to: 'resources', noErrorOnMissing: true },
             ]
         })
     ]