v6.0.0

Author: Niilo Keinänen

README.md

@@ -53,6 +53,6 @@ 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/v5.2.0/classes/ChartXY.html
-[Area series]: https://lightningchart.com/js-charts/api-documentation/v5.2.0/classes/ChartXY.html#addAreaSeries
+[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v6.0.0/classes/ChartXY.html
+[Area series]: https://lightningchart.com/js-charts/api-documentation/v6.0.0/classes/ChartXY.html#addAreaSeries
 

package.json

@@ -17,8 +17,8 @@
     "webpack-stream": "^7.0.0"
   },
   "dependencies": {
-    "@arction/xydata": "^1.4.0",
-    "@arction/lcjs": "^5.2.0"
+    "@lightningchart/lcjs": "^6.0.0",
+    "@lightningchart/xydata": "^1.4.0"
   },
   "lightningChart": {
     "eID": "0103"

src/index.js

@@ -2,7 +2,7 @@
  * LightningChartJS example that showcases creation and styling of Area Series in a layered setting.
  */
 // Import LightningChartJS
-const lcjs = require('@arction/lcjs')
+const lcjs = require('@lightningchart/lcjs')
 
 // Extract required parts from LightningChartJS.
 const { lightningChart, AxisTickStrategies, UIElementBuilders, Themes } = lcjs
@@ -18,33 +18,9 @@ const xyChart = lightningChart({
     .setMouseInteractions(true)
     .setPadding({ right: 25 })
 
-// Custom tick labels for X Axis.
-const reportTableXlable = [
-    'Jan-17',
-    'Feb-17',
-    'Mar-17',
-    'Apr-17',
-    'May-17',
-    'Jun-17',
-    'Jul-17',
-    'Aug-17',
-    'Sep-17',
-    'Oct-17',
-    'Nov-17',
-    'Dec-17',
-]
-
 // Creating AreaSeries
 const createAreaSeries = (versionNumber, index) => {
-    return xyChart
-        .addAreaSeries()
-        .setName(`Version ${versionNumber}`)
-        .setCursorResultTableFormatter((builder, series, xValue, yValue) => {
-            return builder
-                .addRow(series.getName())
-                .addRow('Date: ', reportTableXlable[parseInt(xValue)])
-                .addRow('Distribution: ' + yValue.toFixed(2))
-        })
+    return xyChart.addPointLineAreaSeries().setName(`Version ${versionNumber}`)
 }
 
 // Create the area series
@@ -714,9 +690,6 @@ generateChart(version10, V10Area)
 generateChart(version11, V11Area)
 generateChart(version12, V12Area)
 
-// Enable AutoCursor auto-fill.
-xyChart.setAutoCursor((cursor) => cursor.setResultTableAutoTextStyle(false).setTickMarkerXVisible(false))
-
 xyChart
     .getDefaultAxisY()
     .setTitle('Percentage')

webpack.config.js

@@ -1,70 +1,70 @@
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-const CopyWebpackPlugin = require("copy-webpack-plugin");
-const path = require("path");
-const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const { CleanWebpackPlugin } = require('clean-webpack-plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const path = require('path')
+const webpack = require('webpack')
 
-const targetFolderName = "dist";
-const outputPath = path.resolve(__dirname, targetFolderName);
-const packageJSON = require("./package.json");
+const targetFolderName = 'dist'
+const outputPath = path.resolve(__dirname, targetFolderName)
+const packageJSON = require('./package.json')
 
 module.exports = {
-  mode: "development",
-  entry: {
-    app: packageJSON.main,
-  },
-  devServer: {
-    static: outputPath,
-    compress: true,
-  },
-  resolve: {
-    modules: [path.resolve("./src"), path.resolve("./node_modules")],
-    extensions: [".js"],
-  },
-  output: {
-    filename: "js/[name].[contenthash].bundle.js",
-    chunkFilename: "js/[name].[contenthash].bundle.js",
-    path: outputPath,
-  },
-  optimization: {
-    splitChunks: {
-      chunks: "all",
-      cacheGroups: {
-        // make separate 'vendor' chunk that contains any dependencies
-        // allows for smaller file sizes and faster builds
-        vendor: {
-          test: /[\\/]node_modules[\\/]/,
-          chunks: "initial",
-          name: "vendor",
-          priority: -10,
-          reuseExistingChunk: true,
-        },
-      },
+    mode: 'development',
+    entry: {
+        app: packageJSON.main,
     },
-    runtimeChunk: "single",
-  },
-  plugins: [
-    new CleanWebpackPlugin(),
-    new HtmlWebpackPlugin({
-      title: "app",
-      filename: path.resolve(__dirname, "dist", "index.html"),
-    }),
-    new CopyWebpackPlugin({
-      patterns: [
-        {
-          from: "./assets/**/*",
-          to: `./examples/assets/${packageJSON.lightningChart.eID}/[name][ext]`,
-          noErrorOnMissing: true,
-        },
-        {
-          from: "./node_modules/@arction/lcjs/dist/resources",
-          to: "resources",
-          noErrorOnMissing: true,
+    devServer: {
+        static: outputPath,
+        compress: true,
+    },
+    resolve: {
+        modules: [path.resolve('./src'), path.resolve('./node_modules')],
+        extensions: ['.js'],
+    },
+    output: {
+        filename: 'js/[name].[contenthash].bundle.js',
+        chunkFilename: 'js/[name].[contenthash].bundle.js',
+        path: outputPath,
+    },
+    optimization: {
+        splitChunks: {
+            chunks: 'all',
+            cacheGroups: {
+                // make separate 'vendor' chunk that contains any dependencies
+                // allows for smaller file sizes and faster builds
+                vendor: {
+                    test: /[\\/]node_modules[\\/]/,
+                    chunks: 'initial',
+                    name: 'vendor',
+                    priority: -10,
+                    reuseExistingChunk: true,
+                },
+            },
         },
-      ],
-    }),
-    new webpack.DefinePlugin({
-        LCJS_LICENSE: "'" + process.env.LCJS_LICENSE + "'",
-    }),
-  ],
-};
+        runtimeChunk: 'single',
+    },
+    plugins: [
+        new CleanWebpackPlugin(),
+        new HtmlWebpackPlugin({
+            title: 'app',
+            filename: path.resolve(__dirname, 'dist', 'index.html'),
+        }),
+        new CopyWebpackPlugin({
+            patterns: [
+                {
+                    from: './assets/**/*',
+                    to: `./examples/assets/${packageJSON.lightningChart.eID}/[name][ext]`,
+                    noErrorOnMissing: true,
+                },
+                {
+                    from: './node_modules/@lightningchart/lcjs/dist/resources',
+                    to: 'resources',
+                    noErrorOnMissing: true,
+                },
+            ],
+        }),
+        new webpack.DefinePlugin({
+            LCJS_LICENSE: "'" + process.env.LCJS_LICENSE + "'",
+        }),
+    ],
+}