Merge pull request #120 from technote-space/release/next-v0.14.18

release: v0.14.19

Author: technote-space

README.md

@@ -5,7 +5,7 @@
 [![CodeFactor](https://www.codefactor.io/repository/github/technote-space/ga-framework/badge)](https://www.codefactor.io/repository/github/technote-space/ga-framework)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/technote-space/ga-framework/blob/master/LICENSE)
 
-GA Framework
+Genetic Algorithm Framework
 
 ## Table of Contents
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@technote-space/ga-framework",
-  "version": "0.14.17",
+  "version": "0.14.19",
   "description": "GA Framework",
   "keywords": [
     "genetic algorithm"
@@ -43,9 +43,9 @@
     "@material-ui/core": "^4.11.4",
     "@material-ui/icons": "^4.11.2",
     "@mui-treasury/layout": "^4.5.0",
-    "@technote-space/genetic-algorithms-js": "^0.8.19",
-    "@technote-space/worker-controller": "^0.5.34",
-    "chart.js": "^3.3.2",
+    "@technote-space/genetic-algorithms-js": "^0.8.21",
+    "@technote-space/worker-controller": "^0.5.36",
+    "chart.js": "^3.4.0",
     "clsx": "^1.1.1",
     "keycharm": "^0.4.0",
     "moment": "^2.29.1",
@@ -60,31 +60,31 @@
   "devDependencies": {
     "@babel/core": "^7.14.6",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-object-rest-spread": "^7.14.5",
+    "@babel/plugin-proposal-object-rest-spread": "^7.14.7",
     "@babel/plugin-transform-react-inline-elements": "^7.14.5",
-    "@babel/preset-env": "^7.14.5",
+    "@babel/preset-env": "^7.14.7",
     "@babel/preset-flow": "^7.14.5",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
     "@commitlint/cli": "^12.1.4",
     "@commitlint/config-conventional": "^12.1.4",
-    "@types/node": "^15.12.4",
+    "@types/node": "^16.0.0",
     "@types/react-helmet": "^6.1.1",
-    "@types/styled-components": "^5.1.10",
-    "@typescript-eslint/eslint-plugin": "^4.27.0",
-    "@typescript-eslint/parser": "^4.27.0",
+    "@types/styled-components": "^5.1.11",
+    "@typescript-eslint/eslint-plugin": "^4.28.1",
+    "@typescript-eslint/parser": "^4.28.1",
     "babel-plugin-react-html-attrs": "^3.0.5",
     "babel-plugin-transform-class-properties": "^6.24.1",
-    "copy-webpack-plugin": "^9.0.0",
-    "eslint": "^7.29.0",
+    "copy-webpack-plugin": "^9.0.1",
+    "eslint": "^7.30.0",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "html-webpack-plugin": "^5.3.1",
-    "husky": "^6.0.0",
+    "html-webpack-plugin": "^5.3.2",
+    "husky": "^7.0.0",
     "lint-staged": "^11.0.0",
     "pinst": "^2.1.6",
-    "typescript": "^4.3.4",
-    "webpack": "^5.39.1"
+    "typescript": "^4.3.5",
+    "webpack": "^5.42.0"
   },
   "publishConfig": {
     "access": "public"

src/app/components/Timeline.tsx

@@ -23,9 +23,6 @@ const Timeline: FC<{
   const themeObject           = useTheme(themeColor);
 
   useEffect(() => {
-    if (chart) {
-      chart.destroy();
-    }
     if (!container.current) {
       return;
     }
@@ -40,6 +37,8 @@ const Timeline: FC<{
               tension: 0.1,
               backgroundColor: 'rgba(75, 192, 192, 0.4)',
               borderColor: 'rgba(75, 192, 192, 1)',
+              fill: true,
+              animation: false,
               label: 'Fitness',
               data,
             },
@@ -82,6 +81,13 @@ const Timeline: FC<{
         },
       },
     ));
+  }, []);
+
+  useEffect(() => {
+    if (chart) {
+      chart.data.datasets[0].data = data;
+      chart.update();
+    }
   }, [data]);
 
   return <canvas className={classes.root} ref={container}/>;