From bd2b9353109ab2e86f4f09e9316013a35b07043b Mon Sep 17 00:00:00 2001 From: Eric Tuvesson Date: Mon, 27 May 2024 13:10:52 +0200 Subject: [PATCH 1/2] feat: Upgrade Chart.js to latest version --- .../noodl-chartjs/module/package-lock.json | 37 +- modules/noodl-chartjs/module/package.json | 2 +- .../noodl-chartjs/module/webpack.config.js | 63 +- modules/noodl-chartjs/project/project.json | 9734 +---------------- 4 files changed, 67 insertions(+), 9769 deletions(-) diff --git a/modules/noodl-chartjs/module/package-lock.json b/modules/noodl-chartjs/module/package-lock.json index bead68c..4ea7a9b 100644 --- a/modules/noodl-chartjs/module/package-lock.json +++ b/modules/noodl-chartjs/module/package-lock.json @@ -1,16 +1,16 @@ { "name": "noodl-chartjs", - "version": "1.4.0", + "version": "1.4.3", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "noodl-chartjs", - "version": "1.4.0", + "version": "1.4.3", "license": "ISC", "dependencies": { "@noodl/noodl-sdk": "github:noodlapp/noodl-sdk#feature/typescript", - "chart.js": "^3.7.1" + "chart.js": "^4.4.3" }, "devDependencies": { "@babel/core": "^7.2.2", @@ -1402,6 +1402,11 @@ "node": ">=10.0.0" } }, + "node_modules/@kurkle/color": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.2.tgz", + "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw==" + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -1869,9 +1874,15 @@ } }, "node_modules/chart.js": { - "version": "3.7.1", - "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.7.1.tgz", - "integrity": "sha512-8knRegQLFnPQAheZV8MjxIXc5gQEfDFD897BJgv/klO/vtIyFFmgMXrNfgrXpbTr/XbTturxRgxIXx/Y+ASJBA==" + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.3.tgz", + "integrity": "sha512-qK1gkGSRYcJzqrrzdR6a+I0vQ4/R+SoODXyAjscQ/4mzuNzySaMCd+hyVxitSY1+L2fjPD1Gbn+ibNqRmwQeLw==", + "dependencies": { + "@kurkle/color": "^0.3.0" + }, + "engines": { + "pnpm": ">=8" + } }, "node_modules/chrome-trace-event": { "version": "1.0.2", @@ -5226,6 +5237,11 @@ "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", "dev": true }, + "@kurkle/color": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.2.tgz", + "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw==" + }, "@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -5624,9 +5640,12 @@ } }, "chart.js": { - "version": "3.7.1", - "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.7.1.tgz", - "integrity": "sha512-8knRegQLFnPQAheZV8MjxIXc5gQEfDFD897BJgv/klO/vtIyFFmgMXrNfgrXpbTr/XbTturxRgxIXx/Y+ASJBA==" + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.3.tgz", + "integrity": "sha512-qK1gkGSRYcJzqrrzdR6a+I0vQ4/R+SoODXyAjscQ/4mzuNzySaMCd+hyVxitSY1+L2fjPD1Gbn+ibNqRmwQeLw==", + "requires": { + "@kurkle/color": "^0.3.0" + } }, "chrome-trace-event": { "version": "1.0.2", diff --git a/modules/noodl-chartjs/module/package.json b/modules/noodl-chartjs/module/package.json index df25fc8..eead5a0 100644 --- a/modules/noodl-chartjs/module/package.json +++ b/modules/noodl-chartjs/module/package.json @@ -12,7 +12,7 @@ "license": "ISC", "dependencies": { "@noodl/noodl-sdk": "github:noodlapp/noodl-sdk#feature/typescript", - "chart.js": "^3.7.1" + "chart.js": "^4.4.3" }, "devDependencies": { "@babel/core": "^7.2.2", diff --git a/modules/noodl-chartjs/module/webpack.config.js b/modules/noodl-chartjs/module/webpack.config.js index 49bcd3a..995ef65 100644 --- a/modules/noodl-chartjs/module/webpack.config.js +++ b/modules/noodl-chartjs/module/webpack.config.js @@ -1,43 +1,54 @@ -const path = require('path'); -const CopyWebpackPlugin = require('copy-webpack-plugin'); +const path = require("path"); +const CopyWebpackPlugin = require("copy-webpack-plugin"); -const pjson = require('./package.json'); -// var outputPath = path.resolve(__dirname, '../noodl_modules/' + pjson.name); -// var outputPath = `/Users/eric/Library/Application Support/Noodl/projects/af203093-14cd-428a-8900-10282137e92c/noodl_modules/` + pjson.name; -var outputPath = `C:\\Users\\Eric\\AppData\\Roaming\\Noodl\\projects\\155e4849-bfae-4c1d-9102-58c8e4bd92c3\\noodl_modules\\` + pjson.name; +const pjson = require("./package.json"); +const outputPath = path.resolve( + __dirname, + "../project/noodl_modules/" + pjson.name +); // TODO: This will be replaced when the SDK is updated. -const noodlSdkPath = path.resolve(__dirname, '..', '..', 'noodl-sdk', "build/dist/index.js"); +const noodlSdkPath = path.resolve( + __dirname, + "..", + "..", + "noodl-sdk", + "build/dist/index.js" +); module.exports = { - entry: './src/index.ts', - mode: 'production', - devtool: 'source-map', + entry: "./src/index.ts", + mode: "production", + devtool: "source-map", output: { - filename: 'index.js', + filename: "index.js", path: outputPath, clean: true, }, externals: { - 'react': 'React', - 'react-dom': 'reactDom', + react: "React", + "react-dom": "reactDom", }, resolve: { - extensions: [".ts", ".tsx", ".js", ".json", ".css"] + extensions: [".ts", ".tsx", ".js", ".json", ".css"], }, plugins: [ new CopyWebpackPlugin({ - patterns: [{ - from: 'assets/**/*', - to: '[name][ext]' - }, ] - }) + patterns: [ + { + from: "assets/**/*", + to: "[name][ext]", + }, + ], + }), ], module: { - rules: [{ - test: /\.(ts|tsx)$/, - use: 'ts-loader', - exclude: /node_modules/, - }, ] - } -}; \ No newline at end of file + rules: [ + { + test: /\.(ts|tsx)$/, + use: "ts-loader", + exclude: /node_modules/, + }, + ], + }, +}; diff --git a/modules/noodl-chartjs/project/project.json b/modules/noodl-chartjs/project/project.json index 8e2d664..55dc0eb 100644 --- a/modules/noodl-chartjs/project/project.json +++ b/modules/noodl-chartjs/project/project.json @@ -1,9733 +1 @@ -{ - "name": "Chart.js Module", - "components": [ - { - "name": "/#Components/Navigation", - "id": "d93421e7-a5c9-5984-d727-96ab6840e5a7", - "graph": { - "connections": [], - "roots": [ - { - "id": "1fe7ad83-af0b-5425-95e1-c0f3a7c6b7f3", - "type": "Group", - "x": 0, - "y": 0, - "parameters": { - "width": { - "value": 260, - "unit": "px" - }, - "sizeMode": "explicit", - "height": { - "value": 100, - "unit": "vh" - }, - "scrollEnabled": true, - "backgroundColor": "Navigation 1", - "borderRightStyle": "solid", - "borderRightWidth": { - "value": 2, - "unit": "px" - }, - "borderRightColor": "#FFFFFF" - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "3cbbf272-9ef5-fc75-7cfc-113bfa6d377e", - "type": "Component Children", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ], - "visualRoots": [ - "1fe7ad83-af0b-5425-95e1-c0f3a7c6b7f3" - ] - }, - "metadata": { - "canvasPos": { - "x": -713.8333740234375, - "y": -20 - } - } - }, - { - "name": "/#Components/Navigation Group", - "id": "efc658c5-a96b-999f-74f8-86e411778ece", - "graph": { - "connections": [ - { - "fromId": "0df4f14b-67f2-4904-ba60-df33c623b63c", - "fromProperty": "Text", - "toId": "d327ad3f-ecab-e12a-ec3c-c3c20abdaab4", - "toProperty": "text" - }, - { - "fromId": "69f7506d-d97c-2695-ad07-b8b703219155", - "fromProperty": "didMount", - "toId": "5a21694d-3c07-0d65-e3e5-b895ef15093d", - "toProperty": "store" - }, - { - "fromId": "0df4f14b-67f2-4904-ba60-df33c623b63c", - "fromProperty": "Icon", - "toId": "ca3388f3-7532-379a-4014-328c77a70083", - "toProperty": "iconIconSource" - }, - { - "fromId": "ed8258bf-19d3-22d1-827e-1980a205e925", - "fromProperty": "value-Open", - "toId": "7e2773a0-6452-729d-fd6e-c676ceb23608", - "toProperty": "value" - }, - { - "fromId": "7e2773a0-6452-729d-fd6e-c676ceb23608", - "fromProperty": "result", - "toId": "e614fc25-6577-6d94-fe13-ef02718a5bb9", - "toProperty": "mounted" - }, - { - "fromId": "ed8258bf-19d3-22d1-827e-1980a205e925", - "fromProperty": "value-Open", - "toId": "7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a", - "toProperty": "value" - }, - { - "fromId": "7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a", - "fromProperty": "savedValue", - "toId": "a8d8f9c2-0f3a-e804-6492-dd90242f4c57", - "toProperty": "mounted" - }, - { - "fromId": "7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a", - "fromProperty": "savedValue", - "toId": "7e2773a0-6452-729d-fd6e-c676ceb23608", - "toProperty": "value" - }, - { - "fromId": "7e2773a0-6452-729d-fd6e-c676ceb23608", - "fromProperty": "result", - "toId": "bf9d9f9f-c145-f612-8f66-cac9b4f6370d", - "toProperty": "prop-Open" - }, - { - "fromId": "f65cd0ba-b7a8-aeef-bab0-f629970bf717", - "fromProperty": "onClick", - "toId": "bf9d9f9f-c145-f612-8f66-cac9b4f6370d", - "toProperty": "store" - }, - { - "fromId": "7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a", - "fromProperty": "savedValue", - "toId": "607f6d55-7029-1e3c-a2e9-9ec3a4f6a237", - "toProperty": "mounted" - }, - { - "fromId": "0df4f14b-67f2-4904-ba60-df33c623b63c", - "fromProperty": "Is Open", - "toId": "5a21694d-3c07-0d65-e3e5-b895ef15093d", - "toProperty": "prop-Open" - } - ], - "roots": [ - { - "id": "69f7506d-d97c-2695-ad07-b8b703219155", - "type": "Group", - "x": 48.666666666666686, - "y": -18, - "parameters": { - "sizeMode": "contentHeight" - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "f65cd0ba-b7a8-aeef-bab0-f629970bf717", - "type": "Group", - "parameters": { - "justifyContent": "center", - "backgroundColor": "Navigation 2", - "paddingBottom": { - "value": 8, - "unit": "px" - }, - "paddingTop": { - "value": 8, - "unit": "px" - }, - "flexDirection": "row", - "styleCss": "user-select: none;\r\ncursor: pointer;\r\n" - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "270fa551-4d7b-344f-e2f1-4b7890f63e29", - "type": "Group", - "parameters": { - "width": { - "value": 40, - "unit": "px" - }, - "sizeMode": "contentHeight", - "alignItems": "center", - "justifyContent": "center", - "styleCss": "user-select: none;\r\n" - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "ca3388f3-7532-379a-4014-328c77a70083", - "type": "net.noodl.visual.icon", - "parameters": { - "iconIconSource": { - "class": "material-icons", - "code": "show_chart" - }, - "iconColor": "Navigation Text" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "d327ad3f-ecab-e12a-ec3c-c3c20abdaab4", - "type": "Text", - "parameters": { - "text": "Header", - "textStyle": "Navigation Items", - "color": "Navigation Text" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "17529ea2-0ed1-a800-4e19-c357b63c8457", - "type": "Group", - "parameters": { - "alignItems": "center", - "sizeMode": "explicit", - "width": { - "value": 40, - "unit": "px" - }, - "justifyContent": "center" - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "e614fc25-6577-6d94-fe13-ef02718a5bb9", - "type": "net.noodl.visual.icon", - "parameters": { - "iconIconSource": { - "class": "material-icons", - "code": "keyboard_arrow_right" - }, - "iconColor": "Navigation Text" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "a8d8f9c2-0f3a-e804-6492-dd90242f4c57", - "type": "net.noodl.visual.icon", - "parameters": { - "iconIconSource": { - "class": "material-icons", - "code": "keyboard_arrow_down" - }, - "iconColor": "Navigation Text" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "607f6d55-7029-1e3c-a2e9-9ec3a4f6a237", - "type": "Group", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "2c23f923-6da5-1e4f-b65b-11aed9501c73", - "type": "Component Children", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "0df4f14b-67f2-4904-ba60-df33c623b63c", - "type": "Component Inputs", - "x": -407.3333333333333, - "y": 41, - "parameters": {}, - "ports": [ - { - "name": "Text", - "plug": "output", - "type": { - "name": "*" - }, - "index": 0 - }, - { - "name": "Is Open", - "plug": "output", - "type": { - "name": "*" - }, - "index": 2 - }, - { - "name": "Icon", - "plug": "output", - "type": { - "name": "*" - }, - "index": 1 - } - ], - "dynamicports": [], - "children": [] - }, - { - "id": "ed8258bf-19d3-22d1-827e-1980a205e925", - "type": "net.noodl.ComponentObject", - "x": 688.8333333333333, - "y": 410, - "parameters": { - "properties": "Open" - }, - "ports": [], - "dynamicports": [ - { - "type": { - "name": "*", - "allowConnectionsOnly": true - }, - "plug": "input/output", - "group": "Properties", - "name": "value-Open", - "displayName": "Open", - "index": 4 - }, - { - "type": "signal", - "plug": "output", - "group": "Changed Events", - "displayName": "Open Changed", - "name": "changed-Open", - "index": 5 - } - ], - "children": [] - }, - { - "id": "5a21694d-3c07-0d65-e3e5-b895ef15093d", - "type": "net.noodl.SetComponentObjectProperties", - "label": "Set Initial Values", - "x": 48.83333333333326, - "y": -222, - "parameters": { - "properties": "Open", - "type-Open": "boolean" - }, - "ports": [], - "dynamicports": [ - { - "type": { - "name": "boolean" - }, - "plug": "input", - "group": "Property Values", - "displayName": "Open", - "name": "prop-Open", - "index": 3 - }, - { - "type": { - "name": "enum", - "enums": [ - { - "label": "String", - "value": "string" - }, - { - "label": "Boolean", - "value": "boolean" - }, - { - "label": "Number", - "value": "number" - }, - { - "label": "Date", - "value": "date" - }, - { - "label": "Array", - "value": "array" - }, - { - "label": "Object", - "value": "object" - }, - { - "label": "Any", - "value": "*" - } - ], - "allowEditOnly": true - }, - "default": "*", - "plug": "input", - "group": "Property Types", - "displayName": "Open", - "name": "type-Open", - "index": 4 - } - ], - "children": [] - }, - { - "id": "7e2773a0-6452-729d-fd6e-c676ceb23608", - "type": "Inverter", - "x": 384.25, - "y": 335.5, - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a", - "type": "Boolean", - "x": 383.25, - "y": 450.5, - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "bf9d9f9f-c145-f612-8f66-cac9b4f6370d", - "type": "net.noodl.SetComponentObjectProperties", - "x": 723.25, - "y": 33.5, - "parameters": { - "properties": "Open", - "type-Open": "boolean" - }, - "ports": [], - "dynamicports": [ - { - "type": { - "name": "boolean" - }, - "plug": "input", - "group": "Property Values", - "displayName": "Open", - "name": "prop-Open", - "index": 3 - }, - { - "type": { - "name": "enum", - "enums": [ - { - "label": "String", - "value": "string" - }, - { - "label": "Boolean", - "value": "boolean" - }, - { - "label": "Number", - "value": "number" - }, - { - "label": "Date", - "value": "date" - }, - { - "label": "Array", - "value": "array" - }, - { - "label": "Object", - "value": "object" - }, - { - "label": "Any", - "value": "*" - } - ], - "allowEditOnly": true - }, - "default": "*", - "plug": "input", - "group": "Property Types", - "displayName": "Open", - "name": "type-Open", - "index": 4 - } - ], - "children": [] - } - ], - "visualRoots": [ - "69f7506d-d97c-2695-ad07-b8b703219155" - ], - "comments": [ - { - "text": "Is Open is only initial now", - "width": 215, - "height": 52, - "fill": true, - "x": -484, - "y": 224, - "id": "5b0e6e28-9174-9e12-c362-795211a8870b" - } - ] - }, - "metadata": { - "canvasPos": { - "x": -260, - "y": -20 - } - } - }, - { - "name": "/#Components/Navigation Item", - "id": "97e0c376-b1b6-ded2-e117-4217bddd6469", - "graph": { - "connections": [ - { - "fromId": "3e7f305d-966d-8efb-b515-a008983aa9ad", - "fromProperty": "onClick", - "toId": "3f6c1226-6e46-6066-0b0a-85fc8f4ae73a", - "toProperty": "Click" - }, - { - "fromId": "a614e71a-91ed-55f8-9ed1-8ba7cd8569c7", - "fromProperty": "Text", - "toId": "280a4d9e-c157-44da-7891-1876ddeec852", - "toProperty": "text" - } - ], - "roots": [ - { - "id": "a614e71a-91ed-55f8-9ed1-8ba7cd8569c7", - "type": "Component Inputs", - "x": -42, - "y": -49, - "parameters": {}, - "ports": [ - { - "name": "Text", - "plug": "output", - "type": { - "name": "*" - }, - "index": 1 - } - ], - "dynamicports": [], - "children": [] - }, - { - "id": "e7aa5d3a-bac7-5a36-5e9e-c748ca5c39b0", - "type": "Group", - "x": 288.6666666666667, - "y": 2, - "parameters": { - "sizeMode": "contentHeight" - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "3e7f305d-966d-8efb-b515-a008983aa9ad", - "type": "net.noodl.controls.button", - "parameters": { - "sizeMode": "explicit", - "label": "Action", - "useLabel": false, - "paddingLeft": { - "value": 40, - "unit": "px" - }, - "paddingRight": { - "value": 6, - "unit": "px" - }, - "borderRadius": { - "value": 0, - "unit": "px" - }, - "backgroundColor": "Navigation 1", - "height": { - "value": 36, - "unit": "px" - }, - "paddingBottom": { - "value": 8, - "unit": "px" - }, - "paddingTop": { - "value": 8, - "unit": "px" - } - }, - "stateParameters": { - "hover": { - "backgroundColor": "Navigation 2" - } - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "280a4d9e-c157-44da-7891-1876ddeec852", - "type": "Text", - "parameters": { - "textAlignX": "left", - "textStyle": "Navigation Items", - "color": "Navigation Text" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "3f6c1226-6e46-6066-0b0a-85fc8f4ae73a", - "type": "Component Outputs", - "x": 640.6666666666667, - "y": -76, - "parameters": {}, - "ports": [ - { - "name": "Click", - "plug": "input", - "type": { - "name": "*" - }, - "index": 1 - } - ], - "dynamicports": [], - "children": [] - } - ], - "visualRoots": [ - "e7aa5d3a-bac7-5a36-5e9e-c748ca5c39b0" - ] - }, - "metadata": { - "canvasPos": { - "x": 195, - "y": -20 - } - } - }, - { - "name": "/#Components/Node Canvas", - "id": "d278d0b4-e99d-8e06-cf57-7e1898f8812f", - "graph": { - "connections": [], - "roots": [ - { - "id": "26f36b41-a7b2-05ad-a532-14a034b03ad1", - "type": "Group", - "variant": "Card", - "x": -2, - "y": 0, - "parameters": { - "backgroundColor": "Navigation 2", - "sizeMode": "explicit", - "height": { - "value": 50, - "unit": "vh" - }, - "borderStyle": "none", - "paddingTop": { - "value": 16, - "unit": "px" - }, - "paddingLeft": { - "value": 16, - "unit": "px" - }, - "paddingBottom": { - "value": 16, - "unit": "px" - }, - "paddingRight": { - "value": 16, - "unit": "px" - }, - "borderRadius": { - "value": 0, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "e081c6d2-8f5a-6c58-4682-cc1732ce57b7", - "type": "Component Children", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ], - "visualRoots": [ - "26f36b41-a7b2-05ad-a532-14a034b03ad1" - ] - }, - "metadata": { - "canvasPos": { - "x": 1105, - "y": -20 - } - } - }, - { - "name": "/#Components/Preview Canvas", - "id": "7c12bb00-215c-271a-17c7-7d03d226d55f", - "graph": { - "connections": [ - { - "fromId": "9edb9b9f-e13b-b2a0-b711-3617be2cb8c8", - "fromProperty": "Height", - "toId": "2b73c014-713f-baec-21dc-ba912f01cc94", - "toProperty": "value" - }, - { - "fromId": "9edb9b9f-e13b-b2a0-b711-3617be2cb8c8", - "fromProperty": "Fixed Height", - "toId": "cecb7c4c-f143-1ccf-9fad-0d2a14ca8970", - "toProperty": "value" - }, - { - "fromId": "cecb7c4c-f143-1ccf-9fad-0d2a14ca8970", - "fromProperty": "savedValue", - "toId": "08d4d9bb-7091-838e-8e36-5a3899b7d6b9", - "toProperty": "enable" - }, - { - "fromId": "2b73c014-713f-baec-21dc-ba912f01cc94", - "fromProperty": "savedValue", - "toId": "08d4d9bb-7091-838e-8e36-5a3899b7d6b9", - "toProperty": "value" - }, - { - "fromId": "08d4d9bb-7091-838e-8e36-5a3899b7d6b9", - "fromProperty": "result", - "toId": "b36b0773-cf89-10cf-6f55-41f52e6aa983", - "toProperty": "height" - } - ], - "roots": [ - { - "id": "13027089-fe9b-7ee1-9523-eda2e5b5a419", - "type": "Group", - "variant": "Card", - "x": -2, - "y": 0, - "parameters": { - "sizeMode": "explicit", - "alignItems": "center", - "justifyContent": "center", - "backgroundColor": "#FFFFFF", - "borderStyle": "none", - "borderBottomStyle": "solid", - "borderBottomWidth": { - "value": 2, - "unit": "px" - }, - "borderBottomColor": "#FFFFFF", - "borderRadius": { - "value": 0, - "unit": "px" - }, - "height": { - "value": 50, - "unit": "vh" - }, - "width": { - "value": 100, - "unit": "%", - "isFixed": false - } - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "b36b0773-cf89-10cf-6f55-41f52e6aa983", - "type": "Group", - "variant": "Center Chart", - "label": "Fixed Height", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "ac73a7e2-3cfa-2af8-11e9-5cf8219c290f", - "type": "Component Children", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "9edb9b9f-e13b-b2a0-b711-3617be2cb8c8", - "type": "Component Inputs", - "x": -563, - "y": -70, - "parameters": {}, - "ports": [ - { - "name": "Height", - "plug": "output", - "type": { - "name": "*" - }, - "index": 2 - }, - { - "name": "Fixed Height", - "plug": "output", - "type": { - "name": "*" - }, - "index": 1 - } - ], - "dynamicports": [], - "children": [] - }, - { - "id": "2b73c014-713f-baec-21dc-ba912f01cc94", - "type": "Number", - "x": -552, - "y": 232, - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "cecb7c4c-f143-1ccf-9fad-0d2a14ca8970", - "type": "Boolean", - "x": -555, - "y": 102, - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "08d4d9bb-7091-838e-8e36-5a3899b7d6b9", - "type": "Expression", - "x": -251, - "y": 165, - "parameters": { - "expression": "enable ? value : 300" - }, - "ports": [], - "dynamicports": [ - { - "group": "Parameters", - "name": "enable", - "type": { - "name": "*", - "editAsType": "string" - }, - "plug": "input", - "index": 7 - }, - { - "group": "Parameters", - "name": "value", - "type": { - "name": "*", - "editAsType": "string" - }, - "plug": "input", - "index": 8 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "expression" - ] - } - } - } - ], - "visualRoots": [ - "13027089-fe9b-7ee1-9523-eda2e5b5a419" - ] - }, - "metadata": { - "canvasPos": { - "x": 650, - "y": -20 - } - } - }, - { - "name": "/App", - "graph": { - "connections": [ - { - "fromId": "c33922e7-914c-f6a8-f76c-a02d43a42f16", - "fromProperty": "Click", - "toId": "2392a244-d75a-3a2f-c6c3-ed6730df28ed", - "toProperty": "navigate" - }, - { - "fromId": "de496c00-8a48-7c4f-a6c6-24764df088bc", - "fromProperty": "Click", - "toId": "8ea43add-936f-15b7-52c3-1f8c352149bf", - "toProperty": "navigate" - }, - { - "fromId": "a439c174-edd1-862b-46b1-2ed7901ee65e", - "fromProperty": "Click", - "toId": "d8dc1848-9c96-aa80-2577-680be61d1855", - "toProperty": "navigate" - }, - { - "fromId": "df36735a-ed6b-b2ee-7d7c-9f34951788b4", - "fromProperty": "Click", - "toId": "57df29f5-4b9a-8c16-7733-42a3059280f5", - "toProperty": "navigate" - }, - { - "fromId": "d5839097-846f-7bfa-1892-10d7dcb3b7cd", - "fromProperty": "Click", - "toId": "79a2d272-d830-49e9-4725-f38bed1e5d2a", - "toProperty": "navigate" - }, - { - "fromId": "4d317cf0-917e-77d6-3aa9-e3b312217691", - "fromProperty": "Click", - "toId": "37dc676a-ba21-7e6a-6155-8a928f5e2c27", - "toProperty": "navigate" - }, - { - "fromId": "d69ef435-1bb0-05e9-14f8-06c1c1df52a5", - "fromProperty": "Click", - "toId": "aff1fe3a-d5db-c24e-a0b3-8c844f2c592a", - "toProperty": "navigate" - }, - { - "fromId": "f8e31252-0670-9f35-799c-894d294bc28a", - "fromProperty": "Click", - "toId": "c189e363-08af-6f5e-5480-bf084c8d684e", - "toProperty": "navigate" - }, - { - "fromId": "8cf3ad9f-55f4-895c-21dc-a30eb4b48a78", - "fromProperty": "Click", - "toId": "1dadb0bc-df54-217f-5bb8-10a25ff54132", - "toProperty": "navigate" - }, - { - "fromId": "225f51ae-205d-5b8d-f1dd-6d4274f29ce2", - "fromProperty": "Click", - "toId": "9f8d8a42-93d4-97ff-cbc5-83a2051abef0", - "toProperty": "navigate" - }, - { - "fromId": "2061815c-4233-2d9e-bfe5-1c4930d55bff", - "fromProperty": "Click", - "toId": "6fce05ac-e8f1-9705-652c-5b1d8a704d37", - "toProperty": "navigate" - }, - { - "fromId": "7c57b2e1-91e2-9bf2-3cc2-620517cb15e3", - "fromProperty": "Click", - "toId": "0d0d84ce-cd06-c936-320b-300ee2615e9d", - "toProperty": "navigate" - }, - { - "fromId": "48bf69d8-3dc6-b5cf-175f-a879faa7cfe8", - "fromProperty": "Click", - "toId": "4a7e1ecf-3745-cf35-ecc3-971a65ec6099", - "toProperty": "navigate" - }, - { - "fromId": "9cb06bdf-c4c5-e5d7-23ce-ecbb6c3e9efa", - "fromProperty": "Click", - "toId": "5c82edd4-18fb-8a08-4b35-66bb80dc094f", - "toProperty": "navigate" - }, - { - "fromId": "117a3aca-3cde-5389-1f03-2b06332f8f4c", - "fromProperty": "Click", - "toId": "769b345d-df7c-0897-c8fd-e2820bb109b4", - "toProperty": "navigate" - }, - { - "fromId": "00b90a1d-016d-741f-e6f1-fd9b58506ee3", - "fromProperty": "Click", - "toId": "a692ccfc-29bc-1d4a-8e79-5bedd4fd1a39", - "toProperty": "navigate" - }, - { - "fromId": "8fd330a0-c7be-db81-1191-f67f06d649a8", - "fromProperty": "Click", - "toId": "92a57faf-c4ec-9b5a-449a-7a9c904f7f26", - "toProperty": "navigate" - }, - { - "fromId": "01d71cdc-a4f3-cadb-20e6-bdd0e6d9588e", - "fromProperty": "Click", - "toId": "fea8c3a1-9967-7fb1-aa60-261569619f4f", - "toProperty": "navigate" - }, - { - "fromId": "5a0ea5d1-168f-8212-d3eb-add7b0ecea14", - "fromProperty": "Click", - "toId": "a7e64a8c-3e1d-fe41-c320-32d6b27a9fa4", - "toProperty": "navigate" - }, - { - "fromId": "0bf282c3-6459-8fe6-165e-e858993fbf0f", - "fromProperty": "Click", - "toId": "3d73a4c7-f46e-6e07-c7fd-b4a673d879ac", - "toProperty": "navigate" - }, - { - "fromId": "99d08196-37b4-b45c-5baa-93b644d0cb64", - "fromProperty": "Click", - "toId": "1a12ca3b-025c-2d49-88ba-ef03bf75e758", - "toProperty": "navigate" - }, - { - "fromId": "67334a2c-f2a7-3c18-6525-1377f8098876", - "fromProperty": "Click", - "toId": "c0ca3559-b00c-f00c-2e6a-b24f523cf86e", - "toProperty": "navigate" - }, - { - "fromId": "723812a5-1c27-edb5-d17b-29d41801d3e5", - "fromProperty": "Click", - "toId": "8f679e85-2b9c-fa77-a657-e27c821a6624", - "toProperty": "navigate" - }, - { - "fromId": "cfcb7eb2-0a30-2573-3a68-717caa0da1d9", - "fromProperty": "Click", - "toId": "fb8cfec1-06f5-f846-fba8-cf4f5606d9a2", - "toProperty": "navigate" - }, - { - "fromId": "98b40973-9015-ec50-67b6-530edef41a7c", - "fromProperty": "Click", - "toId": "2330515a-587b-1432-e4e5-ec09c208a185", - "toProperty": "navigate" - }, - { - "fromId": "cb4300c0-484d-6ce1-ca62-cbbf6339f5aa", - "fromProperty": "Click", - "toId": "a82827e9-0900-33d0-6ac2-7aba32502977", - "toProperty": "navigate" - }, - { - "fromId": "71449448-2b32-d6ce-5c17-98538b242739", - "fromProperty": "Click", - "toId": "29660423-baa3-e9a4-ac0f-72af90ce488e", - "toProperty": "navigate" - }, - { - "fromId": "cab51a52-aa50-1eac-08e0-32caea5288c3", - "fromProperty": "Click", - "toId": "d9bfa3e9-6b06-8570-1333-2213cfafa876", - "toProperty": "navigate" - }, - { - "fromId": "41699120-131a-55c0-503f-d58b52bc2dd7", - "fromProperty": "Click", - "toId": "7365ef83-9272-d989-99ff-110cc50598ba", - "toProperty": "navigate" - }, - { - "fromId": "4f8d50cc-ca81-32c4-ffb8-aa80fb480301", - "fromProperty": "Click", - "toId": "746e0c88-bd92-b536-8e29-b0c933e17362", - "toProperty": "navigate" - } - ], - "roots": [ - { - "id": "246f9453-a119-ac78-171e-3806cf596ecc", - "type": "Group", - "x": -111.4681915301291, - "y": 310.4376377651178, - "parameters": { - "backgroundColor": "Background 1", - "flexDirection": "row" - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "10c2c442-991c-08c9-8740-7092a0f30538", - "type": "/#Components/Navigation", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "8f01ef48-3d4f-9260-b753-e85ea4eb7f6c", - "type": "/#Components/Navigation Group", - "parameters": { - "Text": "Chart.js Module Preview", - "Icon": { - "class": "material-icons", - "code": "home" - }, - "Is Open": true - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "225f51ae-205d-5b8d-f1dd-6d4274f29ce2", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Information" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "1ea31cd9-95c9-5317-2c8d-cab45b595034", - "type": "/#Components/Navigation Group", - "parameters": { - "Text": "Bar Charts", - "Icon": { - "class": "material-icons", - "code": "stacked_bar_chart" - }, - "Is Open": true - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "c33922e7-914c-f6a8-f76c-a02d43a42f16", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Bar Chart Border Radius" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "de496c00-8a48-7c4f-a6c6-24764df088bc", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Floating Bars" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "a439c174-edd1-862b-46b1-2ed7901ee65e", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Horizontal Bar Chart", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "df36735a-ed6b-b2ee-7d7c-9f34951788b4", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Stacked Bar Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "d5839097-846f-7bfa-1892-10d7dcb3b7cd", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Stacked Bar Chart with Groups" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "4d317cf0-917e-77d6-3aa9-e3b312217691", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Vertical Bar Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "138f5f59-58f5-c179-01c4-e39ef89aff5e", - "type": "/#Components/Navigation Group", - "parameters": { - "Text": "Line Charts", - "Is Open": false - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "0bf282c3-6459-8fe6-165e-e858993fbf0f", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Interpolation Modes" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "d69ef435-1bb0-05e9-14f8-06c1c1df52a5", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Line Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "4f8d50cc-ca81-32c4-ffb8-aa80fb480301", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Stacked Line Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "99d08196-37b4-b45c-5baa-93b644d0cb64", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Multi Axis Line Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "67334a2c-f2a7-3c18-6525-1377f8098876", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Point Styling", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "723812a5-1c27-edb5-d17b-29d41801d3e5", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Line Segment Styling", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "cfcb7eb2-0a30-2573-3a68-717caa0da1d9", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Stepped Line Charts" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "98b40973-9015-ec50-67b6-530edef41a7c", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Line Styling" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "4918c696-55bd-1e71-d6be-f3057650a328", - "type": "/#Components/Navigation Group", - "parameters": { - "Text": "Other Charts", - "Icon": { - "class": "material-icons", - "code": "pie_chart" - }, - "Is Open": false - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "8cf3ad9f-55f4-895c-21dc-a30eb4b48a78", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Bubble", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "2061815c-4233-2d9e-bfe5-1c4930d55bff", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Combo bar/line", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "7c57b2e1-91e2-9bf2-3cc2-620517cb15e3", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Doughnut", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "f8e31252-0670-9f35-799c-894d294bc28a", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Pie" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "48bf69d8-3dc6-b5cf-175f-a879faa7cfe8", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Polar area" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "9cb06bdf-c4c5-e5d7-23ce-ecbb6c3e9efa", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Polar area centered point labels" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "117a3aca-3cde-5389-1f03-2b06332f8f4c", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Radar" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "00b90a1d-016d-741f-e6f1-fd9b58506ee3", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Radar skip points" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "8fd330a0-c7be-db81-1191-f67f06d649a8", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Scatter", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "01d71cdc-a4f3-cadb-20e6-bdd0e6d9588e", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Scatter - Multi axis", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "5a0ea5d1-168f-8212-d3eb-add7b0ecea14", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Stacked bar/line" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "b8b3085b-f9cb-f880-8e4f-396aaee068b9", - "type": "/#Components/Navigation Group", - "parameters": { - "Text": "Styling", - "Icon": { - "class": "material-icons", - "code": "format_paint" - }, - "Is Open": false - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "cb4300c0-484d-6ce1-ca62-cbbf6339f5aa", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Tooltip", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "cab51a52-aa50-1eac-08e0-32caea5288c3", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Title", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "71449448-2b32-d6ce-5c17-98538b242739", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Legends", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "41699120-131a-55c0-503f-d58b52bc2dd7", - "type": "/#Components/Navigation Item", - "parameters": { - "Text": "Responsive Test", - "WIP": false - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "cd40a799-c876-956a-f4b4-ba5ba5a17008", - "type": "Router", - "parameters": { - "name": "Main", - "pages": { - "routes": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "startPage": "/Home" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "c189e363-08af-6f5e-5480-bf084c8d684e", - "type": "RouterNavigate", - "x": 428.8977940226279, - "y": 2034.1746410862029, - "parameters": { - "router": "Main", - "target": "/Other Charts/Pie" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "aff1fe3a-d5db-c24e-a0b3-8c844f2c592a", - "type": "RouterNavigate", - "x": 417.2777203697917, - "y": 1191.4274024378497, - "parameters": { - "router": "Main", - "target": "/Line Charts/Line Chart" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "1dadb0bc-df54-217f-5bb8-10a25ff54132", - "type": "RouterNavigate", - "x": 424.7882069071034, - "y": 1762.448162978498, - "parameters": { - "router": "Main", - "target": "/Other Charts/Bubble" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "2392a244-d75a-3a2f-c6c3-ed6730df28ed", - "type": "RouterNavigate", - "x": 390.8286156907237, - "y": 530.7694807769873, - "parameters": { - "router": "Main", - "target": "/Bar Charts/Bar Chart Border Radius" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "8ea43add-936f-15b7-52c3-1f8c352149bf", - "type": "RouterNavigate", - "x": 383.9619490240571, - "y": 624.5694807769871, - "parameters": { - "router": "Main", - "target": "/Bar Charts/Floating Bars" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "d8dc1848-9c96-aa80-2577-680be61d1855", - "type": "RouterNavigate", - "x": 400.96194902405705, - "y": 713.5694807769871, - "parameters": { - "router": "Main", - "target": "/Bar Charts/Horizontal Bar Chart" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "57df29f5-4b9a-8c16-7733-42a3059280f5", - "type": "RouterNavigate", - "x": 396.9619490240571, - "y": 804.5694807769871, - "parameters": { - "router": "Main", - "target": "/Bar Charts/Stacked Bar Chart" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "79a2d272-d830-49e9-4725-f38bed1e5d2a", - "type": "RouterNavigate", - "x": 411.96194902405705, - "y": 903.5694807769876, - "parameters": { - "router": "Main", - "target": "/Bar Charts/Stacked Bar Chart with Groups" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "37dc676a-ba21-7e6a-6155-8a928f5e2c27", - "type": "RouterNavigate", - "x": 405.96194902405705, - "y": 994.5694807769875, - "parameters": { - "router": "Main", - "target": "/Bar Charts/Vertical Bar Chart" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "9f8d8a42-93d4-97ff-cbc5-83a2051abef0", - "type": "RouterNavigate", - "x": 385.79963539893726, - "y": 366.8263167414616, - "parameters": { - "router": "Main", - "target": "/Home" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "6fce05ac-e8f1-9705-652c-5b1d8a704d37", - "type": "RouterNavigate", - "x": 418.057585308024, - "y": 1851.9274581644265, - "parameters": { - "router": "Main", - "target": "/Other Charts/Combo bar line" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "0d0d84ce-cd06-c936-320b-300ee2615e9d", - "type": "RouterNavigate", - "x": 427.8573574352362, - "y": 1939.4056123948449, - "parameters": { - "router": "Main", - "target": "/Other Charts/Doughnut" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "4a7e1ecf-3745-cf35-ecc3-971a65ec6099", - "type": "RouterNavigate", - "x": 417.14080631681037, - "y": 2121.3808247876236, - "parameters": { - "router": "Main", - "target": "/Other Charts/Polar area" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "5c82edd4-18fb-8a08-4b35-66bb80dc094f", - "type": "RouterNavigate", - "x": 417.14080631681037, - "y": 2207.7790018053215, - "parameters": { - "router": "Main", - "target": "/Other Charts/Polar area centered point labels" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "769b345d-df7c-0897-c8fd-e2820bb109b4", - "type": "RouterNavigate", - "x": 413.90087467864674, - "y": 2298.497087673901, - "parameters": { - "router": "Main", - "target": "/Other Charts/Radar" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "a692ccfc-29bc-1d4a-8e79-5bedd4fd1a39", - "type": "RouterNavigate", - "x": 412.8208974659256, - "y": 2393.5350823933672, - "parameters": { - "router": "Main", - "target": "/Other Charts/Radar skip points" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "92a57faf-c4ec-9b5a-449a-7a9c904f7f26", - "type": "RouterNavigate", - "x": 410.6609430404831, - "y": 2484.2531682619497, - "parameters": { - "router": "Main", - "target": "/Other Charts/Scatter" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "fea8c3a1-9967-7fb1-aa60-261569619f4f", - "type": "RouterNavigate", - "x": 418.22078352953173, - "y": 2572.81129970509, - "parameters": { - "router": "Main", - "target": "/Other Charts/Scatter - Multi axis" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "a7e64a8c-3e1d-fe41-c320-32d6b27a9fa4", - "type": "RouterNavigate", - "x": 410.5745694732074, - "y": 2662.44940836095, - "parameters": { - "router": "Main", - "target": "/Other Charts/Stacked bar line" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "3d73a4c7-f46e-6e07-c7fd-b4a673d879ac", - "type": "RouterNavigate", - "x": 419.15297485918484, - "y": 1107.7434457389836, - "parameters": { - "router": "Main", - "target": "/Line Charts/Interpolation Modes" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "1a12ca3b-025c-2d49-88ba-ef03bf75e758", - "type": "RouterNavigate", - "x": 424, - "y": 1328, - "parameters": { - "router": "Main", - "target": "/Line Charts/Multi Axis Line Chart" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "c0ca3559-b00c-f00c-2e6a-b24f523cf86e", - "type": "RouterNavigate", - "x": 425.35259205313344, - "y": 1406.477358960396, - "parameters": { - "router": "Main", - "target": "/Line Charts/Point Styling" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "fb8cfec1-06f5-f846-fba8-cf4f5606d9a2", - "type": "RouterNavigate", - "x": 417.35259205313344, - "y": 1570.477358960396, - "parameters": { - "router": "Main", - "target": "/Line Charts/Stepped Line Charts" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "8f679e85-2b9c-fa77-a657-e27c821a6624", - "type": "RouterNavigate", - "x": 423.35259205313344, - "y": 1483.477358960396, - "parameters": { - "router": "Main", - "target": "/Line Charts/Line Segment Styling" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "2330515a-587b-1432-e4e5-ec09c208a185", - "type": "RouterNavigate", - "x": 414.35259205313344, - "y": 1654.477358960396, - "parameters": { - "router": "Main", - "target": "/Line Charts/Line Styling" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "f2dd8b86-bf80-7684-8999-346e876a4953", - "type": "JavaScriptFunction", - "label": "Setup Global Scripts", - "x": -94.19210618240777, - "y": -85.34807398724172, - "parameters": { - "scriptInputs": [ - { - "id": "eaqp", - "label": "test" - } - ], - "intype-test": "boolean", - "functionScript": "var _seed = Date.now();\r\n\r\nfunction valueOrDefault(value, defaultValue) {\r\n return value === undefined ? defaultValue : value;\r\n}\r\n\r\nwindow.Utils = {\r\n rand: function (min, max) {\r\n min = valueOrDefault(min, 0);\r\n max = valueOrDefault(max, 0);\r\n _seed = (_seed * 9301 + 49297) % 233280;\r\n return min + (_seed / 233280) * (max - min);\r\n },\r\n\r\n numbers: function (config) {\r\n var cfg = config || {};\r\n var min = valueOrDefault(cfg.min, 0);\r\n var max = valueOrDefault(cfg.max, 100);\r\n var from = valueOrDefault(cfg.from, []);\r\n var count = valueOrDefault(cfg.count, 8);\r\n var decimals = valueOrDefault(cfg.decimals, 8);\r\n var continuity = valueOrDefault(cfg.continuity, 1);\r\n var dfactor = Math.pow(10, decimals) || 0;\r\n var data = [];\r\n var i, value;\r\n\r\n for (i = 0; i < count; ++i) {\r\n value = (from[i] || 0) + this.rand(min, max);\r\n if (this.rand() <= continuity) {\r\n data.push(Math.round(dfactor * value) / dfactor);\r\n } else {\r\n data.push(null);\r\n }\r\n }\r\n\r\n return data;\r\n }\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "intype-test", - "displayName": "Type", - "editorName": "test | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptInputs", - "parentItemId": "eaqp", - "index": 4 - }, - { - "name": "in-test", - "displayName": "test", - "plug": "input", - "type": "boolean", - "group": "Inputs", - "index": 5 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "a82827e9-0900-33d0-6ac2-7aba32502977", - "type": "RouterNavigate", - "x": 416.38753900386473, - "y": 2791.9429870136, - "parameters": { - "router": "Main", - "target": "/Styling/Tooltip" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "29660423-baa3-e9a4-ac0f-72af90ce488e", - "type": "RouterNavigate", - "x": 421.05294212385274, - "y": 2982.0581641531257, - "parameters": { - "router": "Main", - "target": "/Styling/Legends" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "d9bfa3e9-6b06-8570-1333-2213cfafa876", - "type": "RouterNavigate", - "x": 429.21739758383256, - "y": 2881.7519970733756, - "parameters": { - "router": "Main", - "target": "/Styling/Title" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "7365ef83-9272-d989-99ff-110cc50598ba", - "type": "RouterNavigate", - "x": 424, - "y": 3088, - "parameters": { - "router": "Main", - "target": "/Styling/Responsive Test" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - }, - { - "id": "746e0c88-bd92-b536-8e29-b0c933e17362", - "type": "RouterNavigate", - "x": 416, - "y": 1264, - "parameters": { - "router": "Main", - "target": "/Line Charts/Stacked Line Chart" - }, - "ports": [], - "dynamicports": [ - { - "plug": "input", - "type": { - "name": "component", - "title": "Choose page component", - "components": [ - "/Other Charts/Pie", - "/Line Charts/Line Chart", - "/Other Charts/Bubble", - "/Bar Charts/Floating Bars", - "/Bar Charts/Bar Chart Border Radius", - "/Bar Charts/Horizontal Bar Chart", - "/Bar Charts/Stacked Bar Chart", - "/Bar Charts/Stacked Bar Chart with Groups", - "/Bar Charts/Vertical Bar Chart", - "/Home", - "/Line Charts/Interpolation Modes", - "/Other Charts/Combo bar line", - "/Other Charts/Doughnut", - "/Other Charts/Polar area", - "/Other Charts/Polar area centered point labels", - "/Other Charts/Radar", - "/Other Charts/Radar skip points", - "/Other Charts/Scatter", - "/Other Charts/Scatter - Multi axis", - "/Other Charts/Stacked bar line", - "/Line Charts/Multi Axis Line Chart", - "/Line Charts/Point Styling", - "/Line Charts/Line Segment Styling", - "/Line Charts/Stepped Line Charts", - "/Line Charts/Line Styling", - "/Styling/Tooltip", - "/Styling/Legends", - "/Styling/Title", - "/Styling/Responsive Test", - "/Line Charts/Stacked Line Chart", - "/Bar Charts/Double Axis Chart" - ], - "allowEditOnly": true - }, - "group": "General", - "displayName": "Target Page", - "name": "target", - "index": 3 - } - ], - "children": [] - } - ], - "visualRoots": [ - "246f9453-a119-ac78-171e-3806cf596ecc" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 0, - "y": 0 - } - } - }, - { - "name": "/Bar Charts/Bar Chart Border Radius", - "id": "e70c5640-da4c-5c49-7196-a09d538a4a64", - "graph": { - "connections": [ - { - "fromId": "bb767120-4505-fd2b-96e7-fe26aa17e3e9", - "fromProperty": "didMount", - "toId": "c517a7c8-80e7-ce52-d779-7a0aa52f7e38", - "toProperty": "run" - }, - { - "fromId": "26d2f9b5-f134-0c2e-5918-22f2e96217f3", - "fromProperty": "onClick", - "toId": "c517a7c8-80e7-ce52-d779-7a0aa52f7e38", - "toProperty": "run" - }, - { - "fromId": "c517a7c8-80e7-ce52-d779-7a0aa52f7e38", - "fromProperty": "out-Data", - "toId": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "toProperty": "data" - }, - { - "fromId": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "fromProperty": "onClick", - "toId": "6273da02-c6f6-617c-81a3-a32f662058e0", - "toProperty": "run" - }, - { - "fromId": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "fromProperty": "clickEventData", - "toId": "6273da02-c6f6-617c-81a3-a32f662058e0", - "toProperty": "in-data" - }, - { - "fromId": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "fromProperty": "helpers", - "toId": "6273da02-c6f6-617c-81a3-a32f662058e0", - "toProperty": "in-helpers" - }, - { - "fromId": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "fromProperty": "onBeforeEvent", - "toId": "7c9d459c-f7b0-5e73-b109-5d380d2068c1", - "toProperty": "run" - }, - { - "fromId": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "fromProperty": "beforeEventChart", - "toId": "7c9d459c-f7b0-5e73-b109-5d380d2068c1", - "toProperty": "in-chart" - }, - { - "fromId": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "fromProperty": "beforeEventArgs", - "toId": "7c9d459c-f7b0-5e73-b109-5d380d2068c1", - "toProperty": "in-args" - }, - { - "fromId": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "fromProperty": "helpers", - "toId": "7c9d459c-f7b0-5e73-b109-5d380d2068c1", - "toProperty": "in-helpers" - } - ], - "roots": [ - { - "id": "bb767120-4505-fd2b-96e7-fe26aa17e3e9", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Bar Chart Border Radius", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "bar-chart-border-radius", - "index": 15 - } - ], - "children": [ - { - "id": "2f562945-38a3-a045-8598-07d8e8e3482b", - "type": "/#Components/Preview Canvas", - "parameters": { - "Height": 300, - "Fixed Height": true - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "df461e4b-b7cf-683c-5eb9-784620e9e65c", - "type": "Bar Chart", - "parameters": { - "plugins.title.text": "Chart.js Bar Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "f4f0869b-7dc3-0990-4a3c-2976b24496fb", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "26d2f9b5-f134-0c2e-5918-22f2e96217f3", - "type": "net.noodl.controls.button", - "parameters": { - "label": "Randomize" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "c517a7c8-80e7-ce52-d779-7a0aa52f7e38", - "type": "JavaScriptFunction", - "label": "Generate the Dataset", - "x": -282, - "y": 112, - "parameters": { - "functionScript": "Outputs.Data = {\r\n labels: [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n ],\r\n datasets: [\r\n {\r\n label: \"Fully Rounded\",\r\n data: Utils.numbers({ count: 7, min: -100, max: 100 }),\r\n borderColor: \"rgb(255, 99, 132)\",\r\n backgroundColor: \"rgba(255, 99, 132, 0.5)\",\r\n borderWidth: 2,\r\n borderRadius: 1.7976931348623157e+308,\r\n borderSkipped: false\r\n },\r\n {\r\n label: \"Small Radius\",\r\n data: Utils.numbers({ count: 7, min: -100, max: 100 }),\r\n borderColor: \"rgb(54, 162, 235)\",\r\n backgroundColor: \"rgba(54, 162, 235, 0.5)\",\r\n borderWidth: 2,\r\n borderRadius: 5,\r\n borderSkipped: false\r\n }\r\n ]\r\n}\r\n", - "scriptOutputs": [ - { - "id": "0t45", - "label": "Data" - }, - { - "id": "g05z", - "label": "String" - } - ], - "outtype-Data": "object", - "outtype-String": "string" - }, - "ports": [], - "dynamicports": [ - { - "name": "outtype-Data", - "displayName": "Type", - "editorName": "Data | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - }, - { - "value": "signal", - "label": "Signal" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptOutputs", - "parentItemId": "0t45", - "index": 4 - }, - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "object", - "group": "Outputs", - "index": 5 - }, - { - "name": "outtype-String", - "displayName": "Type", - "editorName": "String | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - }, - { - "value": "signal", - "label": "Signal" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptOutputs", - "parentItemId": "g05z", - "index": 6 - }, - { - "name": "out-String", - "displayName": "String", - "plug": "output", - "type": "string", - "group": "Outputs", - "index": 7 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "6273da02-c6f6-617c-81a3-a32f662058e0", - "type": "JavaScriptFunction", - "label": "Click Chart Data", - "x": 360, - "y": 232, - "parameters": { - "functionScript": "const data = Inputs.data;\r\nconst helpers = Inputs.helpers;\r\n\r\nconst canvasPosition = helpers.getRelativePosition(data, data.chart);\r\n\r\n// Substitute the appropriate scale IDs\r\nconst dataX = data.chart.scales.x.getValueForPixel(canvasPosition.x);\r\nconst dataY = data.chart.scales.y.getValueForPixel(canvasPosition.y);\r\n\r\nconsole.log({\r\n canvasPosition,\r\n dataX,\r\n dataY\r\n})\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "in-data", - "displayName": "data", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 4 - }, - { - "name": "in-helpers", - "displayName": "helpers", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 5 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "7c9d459c-f7b0-5e73-b109-5d380d2068c1", - "type": "JavaScriptFunction", - "label": "Before Chart Data", - "x": 360, - "y": 56, - "parameters": { - "functionScript": "const chart = Inputs.chart;\r\nconst args = Inputs.args;\r\nconst helpers = Inputs.helpers;\r\n\r\nconst canvasPosition = helpers.getRelativePosition(args.event, chart);\r\n\r\n// Substitute the appropriate scale IDs\r\nconst dataX = chart.scales.x.getValueForPixel(canvasPosition.x);\r\nconst dataY = chart.scales.y.getValueForPixel(canvasPosition.y);\r\n\r\nconsole.log({\r\n canvasPosition,\r\n dataX,\r\n dataY\r\n})\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "in-chart", - "displayName": "chart", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 4 - }, - { - "name": "in-args", - "displayName": "args", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 5 - }, - { - "name": "in-helpers", - "displayName": "helpers", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 6 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "bb767120-4505-fd2b-96e7-fe26aa17e3e9" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 0, - "y": 1200 - } - } - }, - { - "name": "/Bar Charts/Double Axis Chart", - "id": "32f19383-4933-32c6-5dbe-f767c918de9e", - "graph": { - "connections": [ - { - "fromId": "584f4cab-47e4-bae8-3a34-c15fdefb5ead", - "fromProperty": "out-Data", - "toId": "19736d4e-bb21-b242-bd85-f85d1223846a", - "toProperty": "data" - }, - { - "fromId": "124e5c3a-71e1-ca9c-1a9c-267b29477279", - "fromProperty": "onClick", - "toId": "584f4cab-47e4-bae8-3a34-c15fdefb5ead", - "toProperty": "run" - }, - { - "fromId": "8f3503d3-0583-9ffb-f8b1-a55b596fc296", - "fromProperty": "didMount", - "toId": "584f4cab-47e4-bae8-3a34-c15fdefb5ead", - "toProperty": "run" - }, - { - "fromId": "584f4cab-47e4-bae8-3a34-c15fdefb5ead", - "fromProperty": "out-Scales", - "toId": "19736d4e-bb21-b242-bd85-f85d1223846a", - "toProperty": "scales" - }, - { - "fromId": "19736d4e-bb21-b242-bd85-f85d1223846a", - "fromProperty": "chartOptions", - "toId": "cd958d05-676e-49b7-f6c9-5a0f2ac45f85", - "toProperty": "in-Data" - }, - { - "fromId": "cd958d05-676e-49b7-f6c9-5a0f2ac45f85", - "fromProperty": "out-Text", - "toId": "6dfec4b2-cf53-36d7-d8bf-925e8c074b62", - "toProperty": "startValue" - } - ], - "roots": [ - { - "id": "8f3503d3-0583-9ffb-f8b1-a55b596fc296", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Double Axis Chart", - "index": 30 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "double-axis-chart", - "index": 31 - } - ], - "children": [ - { - "id": "f0ac2431-8870-9879-3e87-63fe1de0d867", - "type": "/#Components/Preview Canvas", - "parameters": { - "Height": 300, - "Fixed Height": true - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "19736d4e-bb21-b242-bd85-f85d1223846a", - "type": "Bar Chart", - "parameters": { - "plugins.title.text": "Chart.js Floating Bar Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "0de72439-ce6a-cca2-da2b-973facb0a518", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "124e5c3a-71e1-ca9c-1a9c-267b29477279", - "type": "net.noodl.controls.button", - "parameters": { - "label": "Randomize" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "6dfec4b2-cf53-36d7-d8bf-925e8c074b62", - "type": "net.noodl.controls.textinput", - "parameters": { - "useLabel": false, - "type": "textArea", - "height": { - "value": 100, - "unit": "%" - }, - "marginTop": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "584f4cab-47e4-bae8-3a34-c15fdefb5ead", - "type": "JavaScriptFunction", - "label": "Generate the Dataset", - "x": 281.61237279554115, - "y": 90.64772935169401, - "parameters": { - "functionScript": "const DummyData = {\r\n flat: [250000, 260000, 270000, 280000, 290000],\r\n terraced: [300000, 310000, 320000, 330000, 340000],\r\n semi: [350000, 360000, 370000, 380000, 390000],\r\n detached: [400000, 410000, 420000, 430000, 440000],\r\n flatsqm: [150, 160, 170, 180, 190],\r\n terracedsqm: [180, 190, 200, 210, 220],\r\n smeisqm: [220, 230, 240, 250, 260],\r\n detachedsqm: [280, 290, 300, 310, 320]\r\n};\r\n\r\nOutputs.Data = {\r\n labels: [\r\n \"Flat\",\r\n \"Terraced\",\r\n \"Semi-Detached\",\r\n \"Detached\"\r\n ],\r\n datasets: [\r\n {\r\n label: \"Sold Prices\",\r\n data: [DummyData.flat, DummyData.terraced, DummyData.semi, DummyData.detached],\r\n yAxisID: \"y-axis-1\",\r\n borderColor: \"#A3A67A\",\r\n backgroundColor: \"#A3A67A\",\r\n borderWidth: 2,\r\n borderRadius: 1.8,\r\n borderSkipped: false\r\n },\r\n {\r\n label: \"Sold Price Rates\",\r\n data: [DummyData.flatsqm, DummyData.terracedsqm, DummyData.smeisqm, DummyData.detachedsqm],\r\n yAxisID: \"y-axis-2\",\r\n borderColor: \"#D26333\",\r\n backgroundColor: \"#D26333\",\r\n borderWidth: 2,\r\n borderRadius: 1.8,\r\n borderSkipped: false\r\n }\r\n ]\r\n}\r\n\r\nOutputs.Scales = {\r\n \"y-axis-1\": {\r\n position: \"left\",\r\n title: {\r\n display: true,\r\n text: \"Hello World\"\r\n }\r\n },\r\n \"y-axis-2\": {\r\n position: \"right\"\r\n },\r\n}\r\n", - "scriptInputs": [ - { - "id": "pntk", - "label": "BackgroundColor1" - }, - { - "id": "7zd3", - "label": "BackgroundColor2" - } - ] - }, - "ports": [], - "dynamicports": [ - { - "name": "intype-BackgroundColor1", - "displayName": "Type", - "editorName": "BackgroundColor1 | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptInputs", - "parentItemId": "pntk", - "index": 4 - }, - { - "name": "in-BackgroundColor1", - "displayName": "BackgroundColor1", - "plug": "input", - "type": "string", - "group": "Inputs", - "index": 5 - }, - { - "name": "intype-BackgroundColor2", - "displayName": "Type", - "editorName": "BackgroundColor2 | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptInputs", - "parentItemId": "7zd3", - "index": 6 - }, - { - "name": "in-BackgroundColor2", - "displayName": "BackgroundColor2", - "plug": "input", - "type": "string", - "group": "Inputs", - "index": 7 - }, - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 8 - }, - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 9 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "cd958d05-676e-49b7-f6c9-5a0f2ac45f85", - "type": "JavaScriptFunction", - "x": 304.8061863977706, - "y": 371.99053134251363, - "parameters": { - "functionScript": "Outputs.Text = JSON.stringify(Inputs.Data, null, 2);" - }, - "ports": [], - "dynamicports": [ - { - "name": "in-Data", - "displayName": "Data", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 4 - }, - { - "name": "out-Text", - "displayName": "Text", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 5 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "8f3503d3-0583-9ffb-f8b1-a55b596fc296" - ] - } - }, - { - "name": "/Bar Charts/Floating Bars", - "id": "80596ae6-bd26-f40a-2b74-7eee3112eb38", - "graph": { - "connections": [ - { - "fromId": "c98978e7-2872-8e53-9e71-233473f02660", - "fromProperty": "out-Data", - "toId": "d3521b37-7c37-f2ed-ba3a-fca64151c68e", - "toProperty": "data" - }, - { - "fromId": "68e8ac14-ebd1-9038-86a7-75fc59a94bdc", - "fromProperty": "onClick", - "toId": "c98978e7-2872-8e53-9e71-233473f02660", - "toProperty": "run" - }, - { - "fromId": "af0d8758-39ec-b805-3a25-b4649c45693e", - "fromProperty": "didMount", - "toId": "c98978e7-2872-8e53-9e71-233473f02660", - "toProperty": "run" - } - ], - "roots": [ - { - "id": "af0d8758-39ec-b805-3a25-b4649c45693e", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Floating Bars", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "floating-bars", - "index": 15 - } - ], - "children": [ - { - "id": "dbfbcb21-503a-9448-be2e-bba53e89059a", - "type": "/#Components/Preview Canvas", - "parameters": { - "Height": 300, - "Fixed Height": true - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "d3521b37-7c37-f2ed-ba3a-fca64151c68e", - "type": "Bar Chart", - "parameters": { - "plugins.title.text": "Chart.js Floating Bar Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "1be4eab7-8066-e89b-9b48-e4ea3b283fcc", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "68e8ac14-ebd1-9038-86a7-75fc59a94bdc", - "type": "net.noodl.controls.button", - "parameters": { - "label": "Randomize" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "c98978e7-2872-8e53-9e71-233473f02660", - "type": "JavaScriptFunction", - "label": "Generate the Dataset", - "x": 281.61237279554115, - "y": 90.64772935169401, - "parameters": { - "functionScript": "const backgroundColor1 = Inputs.BackgroundColor1 || \"rgb(255, 99, 132)\"\r\nconst backgroundColor2 = Inputs.BackgroundColor2 || \"rgb(54, 162, 235)\"\r\n\r\nconst labels = [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n]\r\n\r\nOutputs.Data = {\r\n labels,\r\n datasets: [\r\n {\r\n label: \"Dataset 1\",\r\n data: labels.map(() => {\r\n return [Utils.rand(-100, 100), Utils.rand(-100, 100)];\r\n }),\r\n backgroundColor: backgroundColor1\r\n },\r\n {\r\n label: \"Dataset 2\",\r\n data: labels.map(() => {\r\n return [Utils.rand(-100, 100), Utils.rand(-100, 100)];\r\n }),\r\n backgroundColor: backgroundColor2\r\n }\r\n ]\r\n}\r\n", - "scriptInputs": [ - { - "id": "pntk", - "label": "BackgroundColor1" - }, - { - "id": "7zd3", - "label": "BackgroundColor2" - } - ] - }, - "ports": [], - "dynamicports": [ - { - "name": "intype-BackgroundColor1", - "displayName": "Type", - "editorName": "BackgroundColor1 | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptInputs", - "parentItemId": "pntk", - "index": 4 - }, - { - "name": "in-BackgroundColor1", - "displayName": "BackgroundColor1", - "plug": "input", - "type": "string", - "group": "Inputs", - "index": 5 - }, - { - "name": "intype-BackgroundColor2", - "displayName": "Type", - "editorName": "BackgroundColor2 | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptInputs", - "parentItemId": "7zd3", - "index": 6 - }, - { - "name": "in-BackgroundColor2", - "displayName": "BackgroundColor2", - "plug": "input", - "type": "string", - "group": "Inputs", - "index": 7 - }, - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 8 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "af0d8758-39ec-b805-3a25-b4649c45693e" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 1500, - "y": 1200 - } - } - }, - { - "name": "/Bar Charts/Horizontal Bar Chart", - "id": "6e866966-74f3-e75a-18f5-7a94ff14a2ef", - "graph": { - "connections": [ - { - "fromId": "1ee5731a-aa37-8386-063e-27e5c76e303d", - "fromProperty": "out-Data", - "toId": "da617336-4a3c-5acc-76bb-ab663863652b", - "toProperty": "data" - }, - { - "fromId": "276341b3-574c-0fd6-687d-16f3c15ccbe5", - "fromProperty": "out-JSON", - "toId": "eea09fdb-7981-8269-78b3-960a247bc4fb", - "toProperty": "text" - }, - { - "fromId": "da617336-4a3c-5acc-76bb-ab663863652b", - "fromProperty": "chartOptions", - "toId": "276341b3-574c-0fd6-687d-16f3c15ccbe5", - "toProperty": "in-Value" - }, - { - "fromId": "051907eb-1cb2-0c50-de64-b033e3a603e1", - "fromProperty": "didMount", - "toId": "1ee5731a-aa37-8386-063e-27e5c76e303d", - "toProperty": "run" - } - ], - "roots": [ - { - "id": "051907eb-1cb2-0c50-de64-b033e3a603e1", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Horizontal Bar Chart", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "horizontal-bar-chart", - "index": 15 - } - ], - "children": [ - { - "id": "a46ce85e-201d-0640-cba7-5ebe7c0adea3", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "da617336-4a3c-5acc-76bb-ab663863652b", - "type": "Bar Chart", - "parameters": { - "plugins.title.text": "Chart.js Horizontal Bar Chart", - "plugins.title.display": true, - "plugins.legend.position": "right", - "elements.bar.borderWidth": 2, - "indexAxis": "y" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "e2dd1c35-5d8b-7a0c-06d3-3849f03ec14f", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "1ee5731a-aa37-8386-063e-27e5c76e303d", - "type": "JavaScriptFunction", - "x": -260.3333333333333, - "y": 105, - "parameters": { - "functionScript": "Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [-91.99588477, 52.35768176, -57.81550069, 61.43518519, 64.43072702, -1.91529492, 57.45884774],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [74.65192044, -58.97805213, -37.25823045, -50.31207133, 37.66289438, 43.95061728, -43.79458162],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "276341b3-574c-0fd6-687d-16f3c15ccbe5", - "type": "JavaScriptFunction", - "x": 358.83333333333337, - "y": 264.5, - "parameters": { - "functionScript": "Outputs.JSON = JSON.stringify(Inputs.Value)" - }, - "ports": [], - "dynamicports": [ - { - "name": "in-Value", - "displayName": "Value", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 4 - }, - { - "name": "out-JSON", - "displayName": "JSON", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 5 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "fb58aa89-ac92-1858-4225-0b2c44368900", - "type": "Group", - "x": 20, - "y": 329, - "parameters": { - "flexDirection": "row" - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "697e3d7a-b6b5-bfb2-02ff-3413161907c1", - "type": "Group", - "parameters": { - "width": { - "value": 50, - "unit": "%" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "aaa4dd6d-350c-aa41-91f3-1af8e79801d2", - "type": "Group", - "parameters": { - "width": { - "value": 50, - "unit": "%" - } - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "0c82e649-508e-5a78-c68d-c973beb3950c", - "type": "Text", - "parameters": { - "text": "Chart.js Options", - "color": "Navigation Text", - "marginBottom": { - "value": 16, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "eea09fdb-7981-8269-78b3-960a247bc4fb", - "type": "Text", - "parameters": { - "text": "", - "color": "Navigation Text" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - } - ], - "visualRoots": [ - "051907eb-1cb2-0c50-de64-b033e3a603e1", - "fb58aa89-ac92-1858-4225-0b2c44368900" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 3000, - "y": 1200 - } - } - }, - { - "name": "/Bar Charts/Stacked Bar Chart", - "id": "4dc5f12d-d228-a38f-8ee9-5e7e06249152", - "graph": { - "connections": [ - { - "fromId": "f84340d3-bbfe-e3ae-9af6-6ad776b544f6", - "fromProperty": "out-Data", - "toId": "52ab38a4-c13a-a8d3-10c3-ee03e00083d3", - "toProperty": "data" - }, - { - "fromId": "9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a", - "fromProperty": "out-Scales", - "toId": "52ab38a4-c13a-a8d3-10c3-ee03e00083d3", - "toProperty": "scales" - }, - { - "fromId": "b2f5b73b-e99d-206f-c6f8-cf40b9899771", - "fromProperty": "didMount", - "toId": "f84340d3-bbfe-e3ae-9af6-6ad776b544f6", - "toProperty": "run" - }, - { - "fromId": "b2f5b73b-e99d-206f-c6f8-cf40b9899771", - "fromProperty": "didMount", - "toId": "9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a", - "toProperty": "run" - } - ], - "roots": [ - { - "id": "b2f5b73b-e99d-206f-c6f8-cf40b9899771", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Stacked Bar Chart", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "stacked-bar-chart", - "index": 15 - } - ], - "children": [ - { - "id": "49700566-e2fe-51bd-cc1e-7d91129b63bf", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "52ab38a4-c13a-a8d3-10c3-ee03e00083d3", - "type": "Bar Chart", - "parameters": { - "plugins.title.text": "Chart.js Bar Chart - Stacked", - "plugins.title.display": true, - "scales.y.min": 10, - "scales.y.stacked": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "16d0cb5a-d0a8-3e13-c5a4-bd1434a826c5", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "f84340d3-bbfe-e3ae-9af6-6ad776b544f6", - "type": "JavaScriptFunction", - "x": -297.3333333333333, - "y": 76, - "parameters": { - "functionScript": "Outputs.Data = {\r\n labels: [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n ],\r\n datasets: [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n [\r\n 16.299725651577518,\r\n 46.01251714677642\r\n ],\r\n [\r\n 4.6862139917695345,\r\n 28.74056927297667\r\n ],\r\n [\r\n -41.70096021947873,\r\n -18.366769547325106\r\n ],\r\n [\r\n 12.94067215363512,\r\n 3.455932784636502\r\n ],\r\n [\r\n -14.104938271604937,\r\n 52.23336762688615\r\n ],\r\n [\r\n 64.81652949245543,\r\n -99.19495884773663\r\n ],\r\n [\r\n 29.951989026063103,\r\n 25.714163237311396\r\n ]\r\n ],\r\n \"backgroundColor\": \"rgb(255, 99, 132)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n [\r\n 9.69650205761316,\r\n 29.429869684499323\r\n ],\r\n [\r\n -30.51783264746227,\r\n -4.097222222222214\r\n ],\r\n [\r\n -65.99965706447188,\r\n -20.54612482853223\r\n ],\r\n [\r\n -57.242798353909464,\r\n 26.996742112482863\r\n ],\r\n [\r\n -61.03737997256516,\r\n -66.40689300411523\r\n ],\r\n [\r\n -8.24759945130316,\r\n -68.6582647462277\r\n ],\r\n [\r\n 51.74382716049385,\r\n -88.39934842249657\r\n ]\r\n ],\r\n \"backgroundColor\": \"rgb(54, 162, 235)\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a", - "type": "JavaScriptFunction", - "x": -300.16666666666663, - "y": 176.5, - "parameters": { - "functionScript": "Outputs.Scales = {\r\n x: {\r\n stacked: true\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "b2f5b73b-e99d-206f-c6f8-cf40b9899771" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 4500, - "y": 1200 - } - } - }, - { - "name": "/Bar Charts/Stacked Bar Chart with Groups", - "id": "a508eec2-e7e0-a0e4-2ab5-7fc3a4663667", - "graph": { - "connections": [ - { - "fromId": "59783de4-959d-9e37-3143-7a5bba64afa4", - "fromProperty": "out-Data", - "toId": "cd907e2b-f3f7-c405-43c0-879a2c44282e", - "toProperty": "data" - }, - { - "fromId": "110fb4d2-318e-6fba-aab4-589a552de861", - "fromProperty": "out-Scales", - "toId": "cd907e2b-f3f7-c405-43c0-879a2c44282e", - "toProperty": "scales" - }, - { - "fromId": "cabaef56-5233-8023-f3ef-886feb173cf8", - "fromProperty": "didMount", - "toId": "59783de4-959d-9e37-3143-7a5bba64afa4", - "toProperty": "run" - }, - { - "fromId": "cabaef56-5233-8023-f3ef-886feb173cf8", - "fromProperty": "didMount", - "toId": "110fb4d2-318e-6fba-aab4-589a552de861", - "toProperty": "run" - } - ], - "roots": [ - { - "id": "cabaef56-5233-8023-f3ef-886feb173cf8", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Stacked Bar Chart with Groups", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "stacked-bar-chart-with-groups", - "index": 15 - } - ], - "children": [ - { - "id": "dd0ac646-a510-3aa6-7e74-85822cdc3000", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "cd907e2b-f3f7-c405-43c0-879a2c44282e", - "type": "Bar Chart", - "parameters": { - "plugins.title.text": "Chart.js Bar Chart - Stacked", - "plugins.title.display": true, - "intersect": false, - "interaction.intersect": false - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "83643ac9-3d50-6491-eb87-a860c35cb324", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "59783de4-959d-9e37-3143-7a5bba64afa4", - "type": "JavaScriptFunction", - "x": -266.3333333333333, - "y": 87, - "parameters": { - "functionScript": "Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [78.51851852, -68.48593964, -84.83196159, 24.54218107, 91.73525377, 8.10528121, 79.82510288],\r\n \"backgroundColor\": \"rgb(255, 99, 132)\",\r\n \"stack\": \"Stack 0\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [-83.228738, 54.74622771, -88.96604938, 73.28875171, -78.24245542, -15.16460905, 27.95438957],\r\n \"backgroundColor\": \"rgb(54, 162, 235)\",\r\n \"stack\": \"Stack 0\"\r\n }, {\r\n \"label\": \"Dataset 3\",\r\n \"data\": [75.80589849, -32.10390947, 47.43484225, -16.4420439, -73.11728395, -1.60322359, -88.31961591],\r\n \"backgroundColor\": \"rgb(75, 192, 192)\",\r\n \"stack\": \"Stack 1\"\r\n }]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "110fb4d2-318e-6fba-aab4-589a552de861", - "type": "JavaScriptFunction", - "x": -262.16666666666663, - "y": 193.5, - "parameters": { - "functionScript": "Outputs.Scales = {\r\n x: {\r\n stacked: true\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "cabaef56-5233-8023-f3ef-886feb173cf8" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 6000, - "y": 1200 - } - } - }, - { - "name": "/Bar Charts/Vertical Bar Chart", - "id": "df0c8d1a-742a-8f63-9e3e-f59fd651c2a5", - "graph": { - "connections": [ - { - "fromId": "fc622a49-d3c9-c54a-3a27-c6cc8d95109b", - "fromProperty": "out-Data", - "toId": "f3eb2a50-9b21-ab3f-64c1-c626df7af73e", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "9bd78d8b-6dab-f443-8571-35e5ba49a9d5", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Vertical Bar Chart", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "vertical-bar-chart", - "index": 15 - } - ], - "children": [ - { - "id": "c82f2b1e-9cc9-c5e4-179c-46030a7221bf", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "f3eb2a50-9b21-ab3f-64c1-c626df7af73e", - "type": "Bar Chart", - "parameters": { - "plugins.title.text": "Chart.js Bar Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "f7e0c36d-c586-c02a-e276-6fad269d75d1", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "fc622a49-d3c9-c54a-3a27-c6cc8d95109b", - "type": "JavaScriptFunction", - "x": -256.3333333333333, - "y": 169, - "parameters": { - "functionScript": "Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [-40.08230453, 52.41941015, -20.71673525, -42.20679012, -24.39643347, 12.96124829, -1.73868313],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [96.93587106, -66.32373114, -52.01131687, 83.0829904, 8.09499314, 73.64197531, 0.71159122],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }]\r\n}" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "9bd78d8b-6dab-f443-8571-35e5ba49a9d5" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 7500, - "y": 1200 - } - } - }, - { - "name": "/Home", - "id": "d1a5e184-e937-bc07-2e24-ac55ded032b7", - "graph": { - "connections": [ - { - "fromId": "5d745541-401a-8219-76de-a3c968a127b5", - "fromProperty": "onClick", - "toId": "a34da570-7db0-22bd-6619-dc2ee548f965", - "toProperty": "do" - } - ], - "roots": [ - { - "id": "0d50b10d-b859-c47c-0f61-2763c78f771f", - "type": "Page", - "x": 0, - "y": 0, - "parameters": { - "paddingTop": { - "value": 16, - "unit": "px" - }, - "paddingLeft": { - "value": 16, - "unit": "px" - }, - "paddingRight": { - "value": 16, - "unit": "px" - }, - "urlPath": "/" - }, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Home", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "home", - "index": 15 - } - ], - "children": [ - { - "id": "a778646e-7ed5-f0a6-9a1a-08c457384198", - "type": "Group", - "variant": "Card", - "parameters": { - "minWidth": { - "value": 500, - "unit": "px" - }, - "minHeight": { - "value": 500, - "unit": "px" - }, - "sizeMode": "contentHeight", - "backgroundColor": "Navigation 2", - "borderColor": "Navigation 1", - "borderWidth": { - "value": 2, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "2f8a70a0-8245-2d52-a8d4-fa80f02b5f2b", - "type": "Text", - "parameters": { - "text": "Chart.js Module Preview", - "marginBottom": { - "value": 16, - "unit": "px" - }, - "color": "#FFFFFF" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "5cba6716-b0d2-2066-1de5-32fcebeede52", - "type": "Text", - "parameters": { - "text": "All these samples are based on the Chart.js Samples.\n\nChart.js comes with built-in chart types:\n* line and area\n* bar\n* radar\n* doughnut\n* pie\n* polar area\n* bubble\n* scatter", - "sizeMode": "contentSize", - "color": "#FFFFFF" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "5d745541-401a-8219-76de-a3c968a127b5", - "type": "Text", - "parameters": { - "text": "Open Chart.js Samples", - "color": "#1400FF", - "sizeMode": "contentSize" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "b55a86e4-22a8-c722-c5be-e13d29518b28", - "type": "PageInputs", - "x": -445, - "y": 9, - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "a34da570-7db0-22bd-6619-dc2ee548f965", - "type": "net.noodl.externallink", - "x": 279.16666666666674, - "y": 246.5, - "parameters": { - "link": "https://www.chartjs.org/docs/latest/samples" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ], - "visualRoots": [ - "0d50b10d-b859-c47c-0f61-2763c78f771f" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 1513.25384087447, - "y": -30.92562870709705 - } - } - }, - { - "name": "/Line Charts/Interpolation Modes", - "id": "64948d93-938e-1849-4ea1-a05bd785ffbe", - "graph": { - "connections": [ - { - "fromId": "f7cfbc6c-7500-cda6-c877-a946d9cc9bb8", - "fromProperty": "out-Data", - "toId": "6ad6b61e-6862-34b2-4a48-e61bc63eb1a1", - "toProperty": "data" - }, - { - "fromId": "be714ecd-45bf-085b-4229-c0bc818d35ac", - "fromProperty": "out-Scales", - "toId": "6ad6b61e-6862-34b2-4a48-e61bc63eb1a1", - "toProperty": "scales" - } - ], - "roots": [ - { - "id": "1d24b190-466b-6599-16cb-05270ca6d780", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Interpolation Modes", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "interpolation-modes", - "index": 15 - } - ], - "children": [ - { - "id": "6a8aacdf-f191-72d5-10ce-e76b18b77665", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "6ad6b61e-6862-34b2-4a48-e61bc63eb1a1", - "type": "Line Chart", - "parameters": { - "plugins.legend.position": "bottom", - "plugins.title.display": true, - "plugins.title.text": "Chart.js Line Chart - Cubic interpolation mode" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "643744ce-4c35-5f4a-805e-2c5729e298d0", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "f7cfbc6c-7500-cda6-c877-a946d9cc9bb8", - "type": "JavaScriptFunction", - "x": -313.3333333333333, - "y": 100, - "parameters": { - "functionScript": "Outputs.Data = {\n labels: [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"11\"],\n datasets: [\n {\n \"label\": \"Cubic interpolation (monotone)\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"fill\": false,\n \"cubicInterpolationMode\": \"monotone\",\n \"tension\": 0.4\n },\n {\n \"label\": \"Cubic interpolation\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"fill\": false,\n \"tension\": 0.4\n },\n {\n \"label\": \"Linear interpolation (default)\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(75, 192, 192)\",\n \"fill\": false\n }\n ]\n}\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "be714ecd-45bf-085b-4229-c0bc818d35ac", - "type": "JavaScriptFunction", - "x": -316.81100195045815, - "y": 241.0233296892771, - "parameters": { - "functionScript": "Outputs.Scales = {\n x: {\n display: true,\n title: {\n display: true\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n },\n suggestedMin: -10,\n suggestedMax: 200\n }\n}" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "1d24b190-466b-6599-16cb-05270ca6d780" - ] - }, - "metadata": { - "canvasPos": { - "x": -12.681806515365473, - "y": 2400 - } - } - }, - { - "name": "/Line Charts/Line Chart", - "id": "69c7f4a9-7b09-7a70-9929-b7dcec7bcf2f", - "graph": { - "connections": [ - { - "fromId": "52b66f8e-ddca-6e5a-b349-5088b53852b9", - "fromProperty": "out-Data", - "toId": "7007acb6-f34a-81f9-a084-683fc6e61245", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "2ba2681f-947a-3ffe-43ac-42171e3ff345", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Line Chart", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "line-chart", - "index": 15 - } - ], - "children": [ - { - "id": "c5d05082-de17-aee3-74d8-49550335019f", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "7007acb6-f34a-81f9-a084-683fc6e61245", - "type": "Line Chart", - "parameters": { - "plugins.legend.position": "bottom", - "color": "Primary", - "plugins.title.display": true, - "plugins.title.text": "Chart.js Line Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "43874c75-7db0-a294-ae1d-dcdd64fd7561", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "52b66f8e-ddca-6e5a-b349-5088b53852b9", - "type": "JavaScriptFunction", - "x": -353.3333333333333, - "y": 159, - "parameters": { - "functionScript": "Outputs.Data = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n \"label\": \"Dataset 1\",\n \"data\": [\n -95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,\n -58.07098765, 41.22085048\n ],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\n },\n {\n \"label\": \"Dataset 2\",\n \"data\": [\n 48.94890261, 26.84156379, 73.66426612, -52.55829904, 21.01337449,\n -29.07750343, -0.36179698\n ],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\n }\n ]\n}\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "2ba2681f-947a-3ffe-43ac-42171e3ff345" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 1480, - "y": 2380 - } - } - }, - { - "name": "/Line Charts/Line Segment Styling", - "id": "a79d225a-bd1f-750f-1bd0-49b184770a16", - "graph": { - "connections": [ - { - "fromId": "b6eb6e8b-3c5b-e391-6242-7c4f56ddf8c4", - "fromProperty": "out-Data", - "toId": "f098cfbf-a9ea-3bad-da2d-6cc7278a7873", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "6883756a-90d9-4f36-51cb-b90b00b73bc4", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Line Segment Styling", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "line-segment-styling", - "index": 15 - } - ], - "children": [ - { - "id": "bd91cd61-2702-5615-3b11-83777a6dfc20", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "f098cfbf-a9ea-3bad-da2d-6cc7278a7873", - "type": "Line Chart", - "parameters": { - "plugins.legend.position": "bottom", - "color": "Primary", - "plugins.title.display": true, - "plugins.title.text": "Chart.js Line Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "7f43eeca-e4bb-ac5e-5595-e9083d6f3459", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "b6eb6e8b-3c5b-e391-6242-7c4f56ddf8c4", - "type": "JavaScriptFunction", - "x": -359.3333333333333, - "y": 104, - "parameters": { - "functionScript": "const skipped = (ctx, value) => ctx.p0.skip || ctx.p1.skip ? value : undefined;\r\nconst down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ? value : undefined;\r\n\r\nOutputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n label: 'My First Dataset',\r\n data: [65, 59, NaN, 48, 56, 57, 40],\r\n borderColor: 'rgb(75, 192, 192)',\r\n segment: {\r\n borderColor: ctx => skipped(ctx, 'rgb(0,0,0,0.2)') || down(ctx, 'rgb(192,75,75)'),\r\n borderDash: ctx => skipped(ctx, [6, 6]),\r\n },\r\n spanGaps: true\r\n }]\r\n}" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "6883756a-90d9-4f36-51cb-b90b00b73bc4" - ] - }, - "metadata": { - "canvasPos": { - "x": 3045, - "y": 2470 - } - } - }, - { - "name": "/Line Charts/Line Styling", - "id": "69ba6432-6ee5-b9ca-7241-46ad48a608ec", - "graph": { - "connections": [ - { - "fromId": "f5e5a63d-dca9-f018-d9ca-c2b4b0ab6f1b", - "fromProperty": "out-Data", - "toId": "41c6e597-cd3a-e990-cca1-3c5e208f51c0", - "toProperty": "data" - }, - { - "fromId": "caee7d53-780e-84d7-cbec-b45f7aa67eb1", - "fromProperty": "out-Scales", - "toId": "41c6e597-cd3a-e990-cca1-3c5e208f51c0", - "toProperty": "scales" - } - ], - "roots": [ - { - "id": "dc69cc23-74cb-e30f-7f90-7c5d1dedfb86", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Line Styling", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "line-styling", - "index": 15 - } - ], - "children": [ - { - "id": "be14469a-0617-febd-ec50-9fb2eeb128e5", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "41c6e597-cd3a-e990-cca1-3c5e208f51c0", - "type": "Line Chart", - "parameters": { - "plugins.legend.position": "bottom", - "color": "Primary", - "plugins.title.display": true, - "plugins.title.text": "Chart.js Line Chart", - "interaction.mode": "index" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "d80048d1-4555-b514-8ab7-daf65c3edac0", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "f5e5a63d-dca9-f018-d9ca-c2b4b0ab6f1b", - "type": "JavaScriptFunction", - "x": -353.3333333333333, - "y": 159, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Unfilled\",\r\n \"fill\": false,\r\n \"backgroundColor\": \"rgb(54, 162, 235)\",\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"data\": [\r\n 99.42043896, 26.9015775, -23.60082305, -42.21021948, -93.12414266,\r\n 40.94135802, -52.35939643\r\n ]\r\n },\r\n {\r\n \"label\": \"Dashed\",\r\n \"fill\": false,\r\n \"backgroundColor\": \"rgb(75, 192, 192)\",\r\n \"borderColor\": \"rgb(75, 192, 192)\",\r\n \"borderDash\": [5, 5],\r\n \"data\": [\r\n 7.22050754, -51.92386831, -64.36042524, -5.39780521, -35.52983539,\r\n -11.54663923, -64.31241427\r\n ]\r\n },\r\n {\r\n \"label\": \"Filled\",\r\n \"backgroundColor\": \"rgb(255, 99, 132)\",\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"data\": [\r\n -43.20987654, -27.25137174, 97.14334705, -8.2973251, -44.8079561,\r\n -54.3638546, -64.1255144\r\n ],\r\n \"fill\": true\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "caee7d53-780e-84d7-cbec-b45f7aa67eb1", - "type": "JavaScriptFunction", - "x": -366.66666666666663, - "y": 274.5, - "parameters": { - "functionScript": "Outputs.Scales = {\n x: {\n display: true,\n title: {\n display: true,\n text: 'Month'\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n }\n }\n}\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "dc69cc23-74cb-e30f-7f90-7c5d1dedfb86" - ] - }, - "metadata": { - "canvasPos": { - "x": 4540, - "y": 2460 - } - } - }, - { - "name": "/Line Charts/Multi Axis Line Chart", - "id": "99d373d1-2e85-681a-ccc0-bd9f60c9f1c6", - "graph": { - "connections": [ - { - "fromId": "9193bad1-4aae-b6b4-9c22-1aaf24087534", - "fromProperty": "out-Data", - "toId": "8dbb0450-fcdb-9aec-b7ec-4487c08a70a3", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "37493aec-db12-8fe8-58d3-57b9ea16953f", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Multi Axis Line Chart", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "multi-axis-line-chart", - "index": 15 - } - ], - "children": [ - { - "id": "ec486e13-f9af-29d7-7fd5-a71f58f990f1", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "8dbb0450-fcdb-9aec-b7ec-4487c08a70a3", - "type": "Line Chart", - "parameters": { - "plugins.legend.position": "bottom", - "color": "Primary", - "plugins.title.display": true, - "plugins.title.text": "Chart.js Line Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "9ca9c6ce-9209-9214-1b7d-75219b7cde0d", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "9193bad1-4aae-b6b4-9c22-1aaf24087534", - "type": "JavaScriptFunction", - "x": -353.3333333333333, - "y": 159, - "parameters": { - "functionScript": "Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n -68.89917695, -66.52091907, 96.14540466, -8.06069959, 97.40397805,\r\n 15.00857339, 28.7037037\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"yAxisID\": \"y\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n -7.18964335, -45.75788752, -91.93930041, 86.3648834, -19.48731139,\r\n 96.67695473, 44.73422497\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"yAxisID\": \"y1\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "37493aec-db12-8fe8-58d3-57b9ea16953f" - ] - }, - "metadata": { - "canvasPos": { - "x": 6023.333222061486, - "y": 2430 - } - } - }, - { - "name": "/Line Charts/Point Styling", - "id": "82dc8e49-e1d0-5215-f261-2dfa4437e413", - "graph": { - "connections": [ - { - "fromId": "fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466", - "fromProperty": "out-Data", - "toId": "044b6b1a-b750-18e5-4684-139a710a42c3", - "toProperty": "data" - }, - { - "fromId": "fd85357d-a069-fedb-d846-bc01ba62b818", - "fromProperty": "didMount", - "toId": "c00f7a56-68ed-d61f-00f2-d1e4552440cf", - "toProperty": "store" - }, - { - "fromId": "41f47c4b-18ba-db13-043c-0bf6d9b1249a", - "fromProperty": "formatted", - "toId": "044b6b1a-b750-18e5-4684-139a710a42c3", - "toProperty": "plugins.title.text" - }, - { - "fromId": "5e7505cf-55bf-c023-8606-b8a554bf6d3f", - "fromProperty": "value-Point Style", - "toId": "41f47c4b-18ba-db13-043c-0bf6d9b1249a", - "toProperty": "PointStyle" - }, - { - "fromId": "e912324a-8f9d-05ef-a972-e4f7edf40ba7", - "fromProperty": "value-Point Style", - "toId": "fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466", - "toProperty": "in-PointStyle" - }, - { - "fromId": "fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466", - "fromProperty": "out-Data", - "toId": "b98fc279-115f-0602-dfee-fe483a8f13a1", - "toProperty": "prop-Data" - }, - { - "fromId": "5e7505cf-55bf-c023-8606-b8a554bf6d3f", - "fromProperty": "value-Data", - "toId": "9b81fe64-be00-b89c-d88d-5008bcd8cc6c", - "toProperty": "in-Data" - }, - { - "fromId": "5e7505cf-55bf-c023-8606-b8a554bf6d3f", - "fromProperty": "value-Point Style", - "toId": "9b81fe64-be00-b89c-d88d-5008bcd8cc6c", - "toProperty": "in-PointStyle" - }, - { - "fromId": "5e7505cf-55bf-c023-8606-b8a554bf6d3f", - "fromProperty": "changed", - "toId": "9b81fe64-be00-b89c-d88d-5008bcd8cc6c", - "toProperty": "run" - }, - { - "fromId": "9b81fe64-be00-b89c-d88d-5008bcd8cc6c", - "fromProperty": "out-Data", - "toId": "044b6b1a-b750-18e5-4684-139a710a42c3", - "toProperty": "data" - }, - { - "fromId": "fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466", - "fromProperty": "out-Done", - "toId": "b98fc279-115f-0602-dfee-fe483a8f13a1", - "toProperty": "store" - }, - { - "fromId": "efa86cff-96f4-f5bb-4fa1-3332657073d5", - "fromProperty": "out-Items", - "toId": "665a6a21-32f8-8c01-7330-6a6cbbb46e0e", - "toProperty": "items" - }, - { - "fromId": "665a6a21-32f8-8c01-7330-6a6cbbb46e0e", - "fromProperty": "onChange", - "toId": "885b2db4-ff7c-2905-3d44-ae498ecdd5ba", - "toProperty": "store" - }, - { - "fromId": "665a6a21-32f8-8c01-7330-6a6cbbb46e0e", - "fromProperty": "value", - "toId": "885b2db4-ff7c-2905-3d44-ae498ecdd5ba", - "toProperty": "prop-Point Style" - }, - { - "fromId": "fd85357d-a069-fedb-d846-bc01ba62b818", - "fromProperty": "didMount", - "toId": "fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466", - "toProperty": "run" - }, - { - "fromId": "eb2b2c7e-b73b-36a1-e5ec-9d27d1c6718c", - "fromProperty": "onClick", - "toId": "fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466", - "toProperty": "run" - }, - { - "fromId": "095277e2-d62a-dfc8-d98f-04dc7789eec7", - "fromProperty": "out-Animations", - "toId": "044b6b1a-b750-18e5-4684-139a710a42c3", - "toProperty": "animations" - } - ], - "roots": [ - { - "id": "fd85357d-a069-fedb-d846-bc01ba62b818", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Point Styling", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "point-styling", - "index": 15 - } - ], - "children": [ - { - "id": "d13264f2-1c19-5e19-2370-3f2e0a40e3be", - "type": "/#Components/Preview Canvas", - "parameters": { - "Height": 300, - "Fixed Height": true - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "044b6b1a-b750-18e5-4684-139a710a42c3", - "type": "Line Chart", - "parameters": { - "plugins.legend.position": "bottom", - "color": "Primary", - "plugins.title.display": true, - "plugins.title.text": "Point Style", - "animateOnDataUpdate": false - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "0d4862f4-1562-de7a-d70c-237bb0fae516", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "eb2b2c7e-b73b-36a1-e5ec-9d27d1c6718c", - "type": "net.noodl.controls.button", - "parameters": { - "label": "Randomize" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "665a6a21-32f8-8c01-7330-6a6cbbb46e0e", - "type": "net.noodl.controls.options", - "parameters": { - "marginBottom": { - "value": 6, - "unit": "px" - }, - "useLabel": true, - "label": "Point Style", - "value": "circle", - "color": "#AAAA9F", - "backgroundColor": "Background 1", - "borderColor": "Background 2" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466", - "type": "JavaScriptFunction", - "label": "Generate the Dataset", - "x": 408.37321020594436, - "y": -20.554234594827847, - "parameters": { - "functionScript": "const pointStyle = Inputs.PointStyle\r\n\r\nOutputs.Data = {\r\n labels: [\"Day 1\", \"Day 2\", \"Day 3\", \"Day 4\", \"Day 5\", \"Day 6\"],\r\n datasets: [\r\n {\r\n label: \"Dataset\",\r\n data: Utils.numbers({count: 6, min: -100, max: 100}),\r\n borderColor: \"rgb(255, 99, 132)\",\r\n backgroundColor: \"rgba(255, 99, 132, 0.5)\",\r\n pointStyle: pointStyle,\r\n pointRadius: 10,\r\n pointHoverRadius: 15\r\n }\r\n ]\r\n}\r\n\r\nOutputs.Done()\r\n", - "scriptOutputs": [ - { - "id": "x9ou", - "label": "Done" - }, - { - "id": "dw6a", - "label": "Data" - } - ], - "outtype-Data": "object", - "outtype-Done": "signal", - "scriptInputs": [ - { - "id": "p0zp", - "label": "Done" - } - ], - "intype-Done": "object", - "intype-Numbers": "array" - }, - "ports": [], - "dynamicports": [ - { - "name": "outtype-Done", - "displayName": "Type", - "editorName": "Done | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - }, - { - "value": "signal", - "label": "Signal" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptOutputs", - "parentItemId": "x9ou", - "index": 4 - }, - { - "name": "out-Done", - "displayName": "Done", - "plug": "output", - "type": "signal", - "group": "Outputs", - "index": 5 - }, - { - "name": "outtype-Data", - "displayName": "Type", - "editorName": "Data | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - }, - { - "value": "signal", - "label": "Signal" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptOutputs", - "parentItemId": "dw6a", - "index": 6 - }, - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "object", - "group": "Outputs", - "index": 7 - }, - { - "name": "intype-Done", - "displayName": "Type", - "editorName": "Done | Type", - "plug": "input", - "type": { - "name": "enum", - "enums": [ - { - "value": "string", - "label": "String" - }, - { - "value": "boolean", - "label": "Boolean" - }, - { - "value": "number", - "label": "Number" - }, - { - "value": "object", - "label": "Object" - }, - { - "value": "date", - "label": "Date" - }, - { - "value": "array", - "label": "Array" - }, - { - "value": "color", - "label": "Color" - } - ], - "allowEditOnly": true - }, - "default": "string", - "parent": "scriptInputs", - "parentItemId": "p0zp", - "index": 8 - }, - { - "name": "in-Done", - "displayName": "Done", - "plug": "input", - "type": "object", - "group": "Inputs", - "index": 9 - }, - { - "name": "in-PointStyle", - "displayName": "PointStyle", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 10 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "5e7505cf-55bf-c023-8606-b8a554bf6d3f", - "type": "net.noodl.ComponentObject", - "x": -605.1194405858288, - "y": 142.01814171318847, - "parameters": { - "properties": "Point Style,Data" - }, - "ports": [], - "dynamicports": [ - { - "type": { - "name": "*", - "allowConnectionsOnly": true - }, - "plug": "input/output", - "group": "Properties", - "name": "value-Point Style", - "displayName": "Point Style", - "index": 4 - }, - { - "type": "signal", - "plug": "output", - "group": "Changed Events", - "displayName": "Point Style Changed", - "name": "changed-Point Style", - "index": 5 - }, - { - "type": { - "name": "*", - "allowConnectionsOnly": true - }, - "plug": "input/output", - "group": "Properties", - "name": "value-Data", - "displayName": "Data", - "index": 6 - }, - { - "type": "signal", - "plug": "output", - "group": "Changed Events", - "displayName": "Data Changed", - "name": "changed-Data", - "index": 7 - } - ], - "children": [] - }, - { - "id": "c00f7a56-68ed-d61f-00f2-d1e4552440cf", - "type": "net.noodl.SetComponentObjectProperties", - "label": "Set Initial values", - "x": -27.558411219115897, - "y": -225.40903766590077, - "parameters": { - "properties": "Point Style", - "type-Point Style": "string", - "prop-Point Style": "circle" - }, - "ports": [], - "dynamicports": [ - { - "type": { - "name": "string" - }, - "plug": "input", - "group": "Property Values", - "displayName": "Point Style", - "name": "prop-Point Style", - "index": 3 - }, - { - "type": { - "name": "enum", - "enums": [ - { - "label": "String", - "value": "string" - }, - { - "label": "Boolean", - "value": "boolean" - }, - { - "label": "Number", - "value": "number" - }, - { - "label": "Date", - "value": "date" - }, - { - "label": "Array", - "value": "array" - }, - { - "label": "Object", - "value": "object" - }, - { - "label": "Any", - "value": "*" - } - ], - "allowEditOnly": true - }, - "default": "*", - "plug": "input", - "group": "Property Types", - "displayName": "Point Style", - "name": "type-Point Style", - "index": 4 - } - ], - "children": [] - }, - { - "id": "41f47c4b-18ba-db13-043c-0bf6d9b1249a", - "type": "String Format", - "x": -300.23296407002306, - "y": 91.9731053707601, - "parameters": { - "format": "Point Style: {PointStyle}\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "PointStyle", - "type": "string", - "plug": "input", - "index": 2 - } - ], - "children": [] - }, - { - "id": "e912324a-8f9d-05ef-a972-e4f7edf40ba7", - "type": "net.noodl.ComponentObject", - "x": 701.6931642965237, - "y": 96.19514285177337, - "parameters": { - "properties": "Point Style" - }, - "ports": [], - "dynamicports": [ - { - "type": { - "name": "*", - "allowConnectionsOnly": true - }, - "plug": "input/output", - "group": "Properties", - "name": "value-Point Style", - "displayName": "Point Style", - "index": 4 - }, - { - "type": "signal", - "plug": "output", - "group": "Changed Events", - "displayName": "Point Style Changed", - "name": "changed-Point Style", - "index": 5 - } - ], - "children": [] - }, - { - "id": "b98fc279-115f-0602-dfee-fe483a8f13a1", - "type": "net.noodl.SetComponentObjectProperties", - "x": 697.9895781653156, - "y": -105.73786578145922, - "parameters": { - "properties": "Data", - "type-Point Style": "string", - "prop-Point Style": "circle", - "type-Data": "object" - }, - "ports": [], - "dynamicports": [ - { - "type": { - "name": "object" - }, - "plug": "input", - "group": "Property Values", - "displayName": "Data", - "name": "prop-Data", - "index": 3 - }, - { - "type": { - "name": "enum", - "enums": [ - { - "label": "String", - "value": "string" - }, - { - "label": "Boolean", - "value": "boolean" - }, - { - "label": "Number", - "value": "number" - }, - { - "label": "Date", - "value": "date" - }, - { - "label": "Array", - "value": "array" - }, - { - "label": "Object", - "value": "object" - }, - { - "label": "Any", - "value": "*" - } - ], - "allowEditOnly": true - }, - "default": "*", - "plug": "input", - "group": "Property Types", - "displayName": "Data", - "name": "type-Data", - "index": 4 - } - ], - "children": [] - }, - { - "id": "9b81fe64-be00-b89c-d88d-5008bcd8cc6c", - "type": "JavaScriptFunction", - "label": "Update Point Style on Dataset ", - "x": -299.868923031313, - "y": 191.99259075691776, - "parameters": { - "functionScript": "const pointStyle = Inputs.PointStyle\r\nconst data = Inputs.Data\r\n\r\ndata.datasets.forEach((dataset) => {\r\n dataset.pointStyle = pointStyle\r\n})\r\n\r\nOutputs.Data = data\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "in-PointStyle", - "displayName": "PointStyle", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 4 - }, - { - "name": "in-Data", - "displayName": "Data", - "plug": "input", - "type": "*", - "group": "Inputs", - "index": 5 - }, - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 6 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "efa86cff-96f4-f5bb-4fa1-3332657073d5", - "type": "JavaScriptFunction", - "label": "Point Style Items", - "x": -304, - "y": 568, - "parameters": { - "functionScript": "Outputs.Items = [\r\n {\r\n Label: \"circle (default)\",\r\n Value: \"circle\",\r\n },\r\n {\r\n Label: \"cross\",\r\n Value: \"cross\",\r\n },\r\n {\r\n Label: \"crossRot\",\r\n Value: \"crossRot\",\r\n },\r\n {\r\n Label: \"dash\",\r\n Value: \"dash\",\r\n },\r\n {\r\n Label: \"line\",\r\n Value: \"line\",\r\n },\r\n {\r\n Label: \"rect\",\r\n Value: \"rect\",\r\n },\r\n {\r\n Label: \"rectRounded\",\r\n Value: \"rectRounded\",\r\n },\r\n {\r\n Label: \"rectRot\",\r\n Value: \"rectRot\",\r\n },\r\n {\r\n Label: \"star\",\r\n Value: \"star\",\r\n },\r\n {\r\n Label: \"triangle\",\r\n Value: \"triangle\",\r\n },\r\n]\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Items", - "displayName": "Items", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "885b2db4-ff7c-2905-3d44-ae498ecdd5ba", - "type": "net.noodl.SetComponentObjectProperties", - "label": "Set Component Object Properties", - "x": 391.52841226798216, - "y": 376.47166769252954, - "parameters": { - "properties": "Point Style", - "type-Point Style": "string", - "prop-Point Style": "cross" - }, - "ports": [], - "dynamicports": [ - { - "type": { - "name": "string" - }, - "plug": "input", - "group": "Property Values", - "displayName": "Point Style", - "name": "prop-Point Style", - "index": 3 - }, - { - "type": { - "name": "enum", - "enums": [ - { - "label": "String", - "value": "string" - }, - { - "label": "Boolean", - "value": "boolean" - }, - { - "label": "Number", - "value": "number" - }, - { - "label": "Date", - "value": "date" - }, - { - "label": "Array", - "value": "array" - }, - { - "label": "Object", - "value": "object" - }, - { - "label": "Any", - "value": "*" - } - ], - "allowEditOnly": true - }, - "default": "*", - "plug": "input", - "group": "Property Types", - "displayName": "Point Style", - "name": "type-Point Style", - "index": 4 - } - ], - "children": [] - }, - { - "id": "095277e2-d62a-dfc8-d98f-04dc7789eec7", - "type": "JavaScriptFunction", - "label": "", - "x": -304, - "y": 392, - "parameters": { - "functionScript": "Outputs.Animations = {\r\n tension: {\r\n duration: 1000,\r\n easing: 'linear',\r\n from: 1,\r\n to: 0,\r\n loop: true\r\n }\r\n}" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Animations", - "displayName": "Animations", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "fd85357d-a069-fedb-d846-bc01ba62b818" - ] - }, - "metadata": { - "canvasPos": { - "x": 7520, - "y": 2500 - } - } - }, - { - "name": "/Line Charts/Stacked Line Chart", - "id": "7283858f-5766-df92-2342-cafc10848eff", - "graph": { - "connections": [ - { - "fromId": "99bc143a-b842-fdee-1e7d-48e4654b608c", - "fromProperty": "out-Data", - "toId": "0ebf4b8c-fef6-0707-e5d1-dbc3421d0549", - "toProperty": "data" - }, - { - "fromId": "99bc143a-b842-fdee-1e7d-48e4654b608c", - "fromProperty": "out-Scales", - "toId": "0ebf4b8c-fef6-0707-e5d1-dbc3421d0549", - "toProperty": "scales" - }, - { - "fromId": "99bc143a-b842-fdee-1e7d-48e4654b608c", - "fromProperty": "out-Plugins", - "toId": "0ebf4b8c-fef6-0707-e5d1-dbc3421d0549", - "toProperty": "customPlugins" - } - ], - "roots": [ - { - "id": "841c9d93-c153-d72d-2ff1-dc22c892d6b2", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Stacked Line Chart", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "stacked-line-chart", - "index": 15 - } - ], - "children": [ - { - "id": "00129b7c-445b-4b51-37b4-e5b5e8fba92f", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "0ebf4b8c-fef6-0707-e5d1-dbc3421d0549", - "type": "Line Chart", - "label": "Line Chart", - "parameters": { - "plugins.legend.position": "bottom", - "color": "Primary", - "plugins.title.display": true, - "plugins.title.text": "Chart.js Stacked Line Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "ab1c0abb-380b-a847-4c47-b4344cd879ac", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "99bc143a-b842-fdee-1e7d-48e4654b608c", - "type": "JavaScriptFunction", - "x": -344, - "y": 96, - "parameters": { - "functionScript": "Outputs.Scales = {\n y: {\n stacked: true\n }\n}\n\nOutputs.Data = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n \"label\": \"Dataset 1\",\n \"data\": [\n 95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,\n 58.07098765, 41.22085048\n ],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\n fill: true\n },\n {\n \"label\": \"Dataset 2\",\n \"data\": [\n 48.94890261, 26.84156379, 73.66426612, 52.55829904, 21.01337449,\n 29.07750343, 0.36179698\n ],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\n fill: true\n }\n ]\n}\n\nOutputs.Plugins = {\n filler: {\n propagate: true\n }\n};\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - }, - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 5 - }, - { - "name": "out-Plugins", - "displayName": "Plugins", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 6 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "841c9d93-c153-d72d-2ff1-dc22c892d6b2" - ] - } - }, - { - "name": "/Line Charts/Stepped Line Charts", - "id": "229beedb-37ab-ff99-33cd-caf8f8ac96e1", - "graph": { - "connections": [ - { - "fromId": "1c3aa8fd-a7f6-0321-4cc9-896c479f8b27", - "fromProperty": "out-Data", - "toId": "3628b88c-1f50-d135-8336-6201d9c5bd8f", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "dc6b6876-19f2-98aa-7092-ca62307ab966", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Stepped Line Charts", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "stepped-line-charts", - "index": 15 - } - ], - "children": [ - { - "id": "faad61b5-4fc8-c5d5-b8d7-3395747320c7", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "3628b88c-1f50-d135-8336-6201d9c5bd8f", - "type": "Line Chart", - "parameters": { - "plugins.title.display": true, - "plugins.title.text": "Chart.js Line Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "7e536ad6-6793-9c16-6d5a-3c81f99f9560", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "1c3aa8fd-a7f6-0321-4cc9-896c479f8b27", - "type": "JavaScriptFunction", - "x": -353.3333333333333, - "y": 159, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"Day 1\", \"Day 2\", \"Day 3\", \"Day 4\", \"Day 5\", \"Day 6\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset\",\r\n \"data\": [\r\n -90.74759945, 69.24382716, -42.57544582, 87.37482853, -79.17695473,\r\n -43.46536351\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"fill\": false,\r\n \"stepped\": true\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "dc6b6876-19f2-98aa-7092-ca62307ab966" - ] - }, - "metadata": { - "canvasPos": { - "x": 8950, - "y": 2410 - } - } - }, - { - "name": "/Other Charts/Bubble", - "id": "020b9971-b617-056c-f834-84c8bdd511f0", - "graph": { - "connections": [ - { - "fromId": "d438022d-aff8-5176-9b5e-72caa274221b", - "fromProperty": "out-Data", - "toId": "ebe98911-4ff9-2741-61fe-b505cb37b7fa", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "9288ac4b-998e-81f7-9240-26eb90e196c9", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Bubble", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "bubble", - "index": 15 - } - ], - "children": [ - { - "id": "26b26232-4d0f-ed8e-c0dc-b3aae399c88c", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "ebe98911-4ff9-2741-61fe-b505cb37b7fa", - "type": "Bubble Chart", - "parameters": { - "plugins.title.text": "Chart.js Bubble Chart'", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "8e4d7ffa-5f3d-1df2-832b-ba594147ce7f", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "d438022d-aff8-5176-9b5e-72caa274221b", - "type": "JavaScriptFunction", - "x": -327.3333333333333, - "y": 99, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 6.64266118, \"y\": 17.53858025, \"r\": 9.314643347050755 },\r\n { \"x\": 96.5149177, \"y\": 11.62894376, \"r\": 7.610982510288066 },\r\n { \"x\": 76.40775034, \"y\": 26.60408093, \"r\": 11.861539780521262 },\r\n { \"x\": 58.66683813, \"y\": 93.3281893, \"r\": 6.294710219478738 },\r\n { \"x\": 63.04526749, \"y\": 61.18398491, \"r\": 9.212962962962962 },\r\n { \"x\": 61.14797668, \"y\": 9.18381344, \"r\": 11.881730109739369 },\r\n { \"x\": 87.54286694, \"y\": 23.74742798, \"r\": 14.084962277091908 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 13.47350823, \"y\": 60.22333676, \"r\": 10.254929698216735 },\r\n { \"x\": 18.52066187, \"y\": 81.83427641, \"r\": 13.214334705075446 },\r\n { \"x\": 18.52666324, \"y\": 36.67566872, \"r\": 8.640303497942387 },\r\n { \"x\": 88.80015432, \"y\": 63.01911866, \"r\": 5.576045953360769 },\r\n { \"x\": 89.83496228, \"y\": 62.0991941, \"r\": 14.91662379972565 },\r\n { \"x\": 78.42121056, \"y\": 75.8912037, \"r\": 11.631172839506174 },\r\n { \"x\": 85.42309671, \"y\": 31.55564129, \"r\": 13.65179183813443 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "9288ac4b-998e-81f7-9240-26eb90e196c9" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 0, - "y": 3600 - } - } - }, - { - "name": "/Other Charts/Combo bar line", - "id": "30a9d5ed-cc92-bdb6-e23b-8c9c673f739a", - "graph": { - "connections": [ - { - "fromId": "01eab77b-82c6-552d-8402-4649ee2d415e", - "fromProperty": "out-Data", - "toId": "de2796dc-6d2e-40c2-a54d-6af6aab9f04b", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "01e4d0ba-a4d7-7859-99bb-0e7370d4e8f9", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Combo bar line", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "combo-bar-line", - "index": 15 - } - ], - "children": [ - { - "id": "c0f66e8e-0a8f-1790-8c84-0351b29c3111", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "de2796dc-6d2e-40c2-a54d-6af6aab9f04b", - "type": "Bar Chart", - "parameters": { - "plugins.title.text": "Chart.js Combined Line/Bar Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "54cfb28b-4534-4782-a46c-431fa606b14f", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "01eab77b-82c6-552d-8402-4649ee2d415e", - "type": "JavaScriptFunction", - "x": -327.3333333333333, - "y": 99, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 43.68312757, -4.55589849, -62.87722908, 19.33641975, -36.92729767,\r\n 81.91186557, 37.58230453\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"order\": 1\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n -71.1505487, -86.26200274, -34.91255144, -40.55898491, 99.26783265,\r\n 68.51851852, -78.48593964\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"type\": \"line\",\r\n \"order\": 0\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "01e4d0ba-a4d7-7859-99bb-0e7370d4e8f9" - ] - }, - "metadata": { - "canvasPos": { - "x": 1530, - "y": 3630 - } - } - }, - { - "name": "/Other Charts/Doughnut", - "id": "c44ce2eb-c125-ce00-64e2-6e3099b69321", - "graph": { - "connections": [ - { - "fromId": "31f10e0c-26d2-6219-240b-f4d900929f65", - "fromProperty": "out-Data", - "toId": "fdb39ab4-ee47-555f-b424-22a3ba59cc88", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "fe766121-2aaf-3861-3eb0-53711a059e53", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Doughnut", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "doughnut", - "index": 15 - } - ], - "children": [ - { - "id": "2c54a54c-9917-8a0a-8a6e-372a42857ac2", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "fdb39ab4-ee47-555f-b424-22a3ba59cc88", - "type": "Doughnut Chart", - "parameters": { - "plugins.title.text": "Chart.js Doughnut Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "4673050f-44da-25be-e2e4-5c58981f26d9", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "31f10e0c-26d2-6219-240b-f4d900929f65", - "type": "JavaScriptFunction", - "x": -327.3333333333333, - "y": 99, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"Red\", \"Orange\", \"Yellow\", \"Green\", \"Blue\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [96.79955418, 80.80761317, 36.31772977, 64.56447188, 7.52314815],\r\n \"backgroundColor\": [\r\n \"rgb(255, 99, 132)\",\r\n \"rgb(255, 159, 64)\",\r\n \"rgb(255, 205, 86)\",\r\n \"rgb(75, 192, 192)\",\r\n \"rgb(54, 162, 235)\",\r\n \"rgb(153, 102, 255)\",\r\n \"rgb(201, 203, 207)\",\r\n \"rgba(255, 99, 132, 0.5)\",\r\n \"rgba(255, 99, 132, 0.5)\",\r\n \"rgba(75, 192, 192, 0.5)\",\r\n \"rgba(54, 162, 235, 0.5)\"\r\n ]\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "fe766121-2aaf-3861-3eb0-53711a059e53" - ] - }, - "metadata": { - "canvasPos": { - "x": 2975, - "y": 3570 - } - } - }, - { - "name": "/Other Charts/Pie", - "id": "2614d74b-5049-e5ec-35e9-8a16be07415e", - "graph": { - "connections": [ - { - "fromId": "35f48a5f-d27b-b6e5-aa97-93c1c7a584f8", - "fromProperty": "out-Data", - "toId": "bb6cc8ed-d85d-a4a5-ab3a-b1aa40e27d56", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "2392f2aa-b100-4aeb-688a-6353bf1ad1ec", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Pie", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "pie", - "index": 15 - } - ], - "children": [ - { - "id": "61544543-35ae-c1bc-455f-2e348b4bdbd1", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "bb6cc8ed-d85d-a4a5-ab3a-b1aa40e27d56", - "type": "Pie Chart", - "parameters": { - "plugins.legend.position": "bottom", - "plugins.title.text": "Chart.js Pie Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "6967ff0d-b801-57b4-32e9-497d67c5417b", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "35f48a5f-d27b-b6e5-aa97-93c1c7a584f8", - "type": "JavaScriptFunction", - "x": -349.3333333333333, - "y": 108, - "parameters": { - "functionScript": "Outputs.Data = {\r\n datasets: [{\r\n data: [10, 20, 30],\r\n backgroundColor: [\r\n '#FF5382',\r\n '#FFCC34',\r\n '#00A3F1'\r\n ],\r\n }],\r\n labels: [\r\n 'Red',\r\n 'Yellow',\r\n 'Blue'\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "2392f2aa-b100-4aeb-688a-6353bf1ad1ec" - ] - }, - "metadata": { - "canvasSize": { - "width": "1280px", - "height": "720px" - }, - "canvasPos": { - "x": 4610, - "y": 3560 - } - } - }, - { - "name": "/Other Charts/Polar area", - "id": "2f9ca43e-ddd4-46a3-8fed-d506cca988d9", - "graph": { - "connections": [ - { - "fromId": "8e79311d-6482-a647-97a0-80727620ca8f", - "fromProperty": "out-Data", - "toId": "d1502093-6864-6441-751c-a129a9c007f3", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "08ef6cbd-10ff-c93c-3d1b-7558ae10dd24", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Polar area", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "polar-area", - "index": 15 - } - ], - "children": [ - { - "id": "383467bc-c894-ace6-f325-b7a880c726ee", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "d1502093-6864-6441-751c-a129a9c007f3", - "type": "Polar Area Chart", - "parameters": { - "plugins.title.text": "Chart.js Polar Area Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "d43f2213-b197-8bda-a865-950efe616976", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "8e79311d-6482-a647-97a0-80727620ca8f", - "type": "JavaScriptFunction", - "x": -271.16666666666663, - "y": 199.5, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,\r\n 33.50823045, 9.38871742\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,\r\n 76.09139232, 68.53566529\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "08ef6cbd-10ff-c93c-3d1b-7558ae10dd24" - ] - }, - "metadata": { - "canvasPos": { - "x": 6115, - "y": 3580 - } - } - }, - { - "name": "/Other Charts/Polar area centered point labels", - "id": "0972cbf1-a38f-2148-10c1-19b60177ad31", - "graph": { - "connections": [ - { - "fromId": "52b57ff7-34e8-4d8a-6d90-35dd609742e6", - "fromProperty": "out-Scales", - "toId": "319c96c1-828f-0c18-b4a7-d29fa491095b", - "toProperty": "scales" - }, - { - "fromId": "d553c74d-5c4d-41f5-515d-7507a616cc64", - "fromProperty": "out-Data", - "toId": "319c96c1-828f-0c18-b4a7-d29fa491095b", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "1b4a0322-5793-7bd6-d86e-d6c55f70f910", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Polar area centered point labels", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "polar-area-centered-point-labels", - "index": 15 - } - ], - "children": [ - { - "id": "09758a37-e5a4-3e95-190a-711718e7a385", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "319c96c1-828f-0c18-b4a7-d29fa491095b", - "type": "Polar Area Chart", - "parameters": { - "plugins.title.text": "Chart.js Polar Area Chart With Centered Point Labels", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "22786594-6a89-85e8-7948-77bfb57014ed", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "d553c74d-5c4d-41f5-515d-7507a616cc64", - "type": "JavaScriptFunction", - "x": -346.3333333333333, - "y": 92, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,\r\n 33.50823045, 9.38871742\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,\r\n 76.09139232, 68.53566529\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "52b57ff7-34e8-4d8a-6d90-35dd609742e6", - "type": "JavaScriptFunction", - "x": -344.16666666666663, - "y": 212.5, - "parameters": { - "functionScript": "Outputs.Scales = {\n r: {\n pointLabels: {\n display: true,\n centerPointLabels: true,\n font: {\n size: 18\n }\n }\n }\n}" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "1b4a0322-5793-7bd6-d86e-d6c55f70f910" - ] - }, - "metadata": { - "canvasPos": { - "x": 7530, - "y": 3520 - } - } - }, - { - "name": "/Other Charts/Radar", - "id": "95eeeeaf-da75-e79c-24e7-6d4739b47b9c", - "graph": { - "connections": [ - { - "fromId": "0325bee1-0410-f4eb-444b-621715375a17", - "fromProperty": "out-Data", - "toId": "cb54c3cb-c2ff-eb78-b669-33e452e56942", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "7261ae88-fcfb-4ff8-8734-c9ecdce4cfdb", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Radar", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "radar", - "index": 15 - } - ], - "children": [ - { - "id": "31db423a-cf8c-9425-164d-1e427f4da703", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "cb54c3cb-c2ff-eb78-b669-33e452e56942", - "type": "Radar Chart", - "parameters": { - "plugins.title.display": true, - "plugins.title.text": "Chart.js Radar Chart" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "16ba1cf0-7700-10ca-6fca-b195d4ec6e0d", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "0325bee1-0410-f4eb-444b-621715375a17", - "type": "JavaScriptFunction", - "x": -327.3333333333333, - "y": 99, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 68.09585048, 29.88168724, 29.83624829, 69.19410151, 89.93055556,\r\n 19.20610425, 80.47753772\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 71.27572016, 7.65003429, 35.27949246, 7.2505144, 28.50137174,\r\n 66.93329904, 31.1882716\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "7261ae88-fcfb-4ff8-8734-c9ecdce4cfdb" - ] - }, - "metadata": { - "canvasPos": { - "x": 8980, - "y": 3510 - } - } - }, - { - "name": "/Other Charts/Radar skip points", - "id": "ad0d855f-d15a-9bd6-6866-d542208d4522", - "graph": { - "connections": [ - { - "fromId": "047e62cd-34a7-a0ba-fa1e-bee17efbab76", - "fromProperty": "out-Data", - "toId": "0bcdd733-44ff-b197-25d9-b2b29e5e5afe", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "4a3f35f1-200c-65b8-3246-23f482694338", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Radar skip points", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "radar-skip-points", - "index": 15 - } - ], - "children": [ - { - "id": "68c0b786-95bf-09d5-14b4-d7e926bab892", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "0bcdd733-44ff-b197-25d9-b2b29e5e5afe", - "type": "Radar Chart", - "parameters": { - "plugins.title.text": "Chart.js Radar Skip Points Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "a8c26e08-0b19-f4d2-85b7-1d603d4b822f", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "047e62cd-34a7-a0ba-fa1e-bee17efbab76", - "type": "JavaScriptFunction", - "x": -327.3333333333333, - "y": 99, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Skip first dataset\",\r\n \"data\": [\r\n null,\r\n 8.54423868,\r\n 6.02966392,\r\n 61.43689986,\r\n 27.85236626,\r\n 10.21433471,\r\n 76.42403978\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Skip mid dataset\",\r\n \"data\": [\r\n 35.12345679,\r\n 80.13974623,\r\n 1.59636488,\r\n null,\r\n 49.13923182,\r\n 70.2872085,\r\n 46.88786008\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Skip last dataset\",\r\n \"data\": [\r\n 50.54612483,\r\n 15.82990398,\r\n 18.04783951,\r\n 17.69375857,\r\n 71.55778464,\r\n 10.50411523,\r\n null\r\n ],\r\n \"borderColor\": \"rgb(75, 192, 192)\",\r\n \"backgroundColor\": \"rgba(75, 192, 192, 0.5)\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "4a3f35f1-200c-65b8-3246-23f482694338" - ] - }, - "metadata": { - "canvasPos": { - "x": 10505, - "y": 3520 - } - } - }, - { - "name": "/Other Charts/Scatter", - "id": "2100ab03-94f0-fff8-b280-5871721c0f63", - "graph": { - "connections": [ - { - "fromId": "38359c6f-6fad-e570-165f-688bc4c47e6a", - "fromProperty": "out-Data", - "toId": "d535cf99-56fd-206c-8e7a-96fab9124df7", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "c796dea0-2a21-2d20-b1d8-9db7f9ed99e9", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Scatter", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "scatter", - "index": 15 - } - ], - "children": [ - { - "id": "68bd466e-f1b8-98ba-34bc-fcaac2cc5e5a", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "d535cf99-56fd-206c-8e7a-96fab9124df7", - "type": "Scatter Chart", - "parameters": { - "plugins.title.text": "Chart.js Scatter Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "9f7e91ce-ab17-d2aa-0a83-eca777e1bd2d", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "38359c6f-6fad-e570-165f-688bc4c47e6a", - "type": "JavaScriptFunction", - "x": -349.3333333333333, - "y": 64, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 47.22136488, \"y\": 88.67283951, \"r\": 1 },\r\n { \"x\": 84.31584362, \"y\": 63.31875857, \"r\": 1 },\r\n { \"x\": 44.76423182, \"y\": 92.18278464, \"r\": 1 },\r\n { \"x\": 40.9122085, \"y\": 6.12911523, \"r\": 1 },\r\n { \"x\": 92.51286008, \"y\": 54.54046639, \"r\": 1 },\r\n { \"x\": 71.17112483, \"y\": 16.42918381, \"r\": 1 },\r\n { \"x\": 11.45490398, \"y\": 78.21502058, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 5.44110082, \"y\": 16.07981824, \"r\": 1 },\r\n { \"x\": 91.04381001, \"y\": 51.57964678, \"r\": 1 },\r\n { \"x\": 4.93870027, \"y\": 53.64326132, \"r\": 1 },\r\n { \"x\": 22.43441358, \"y\": 60.5422668, \"r\": 1 },\r\n { \"x\": 4.02477709, \"y\": 73.51123114, \"r\": 1 },\r\n { \"x\": 6.49991427, \"y\": 34.52546296, \"r\": 1 },\r\n { \"x\": 60.72402263, \"y\": 70.7454561, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "c796dea0-2a21-2d20-b1d8-9db7f9ed99e9" - ] - }, - "metadata": { - "canvasPos": { - "x": 11825, - "y": 3500 - } - } - }, - { - "name": "/Other Charts/Scatter - Multi axis", - "id": "cb803d09-d9eb-cf1f-09b6-61be79a490c7", - "graph": { - "connections": [ - { - "fromId": "8b55b84e-7520-e60c-9ce7-9cf1e474aed5", - "fromProperty": "out-Scales", - "toId": "88abec65-2883-9531-395a-3dae6fc3be67", - "toProperty": "scales" - }, - { - "fromId": "f79a83a1-4e66-dc5c-3d86-4cc4c8e52b69", - "fromProperty": "out-Data", - "toId": "88abec65-2883-9531-395a-3dae6fc3be67", - "toProperty": "data" - } - ], - "roots": [ - { - "id": "d112379d-8319-790e-715a-9e8eb8fab89f", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Scatter - Multi axis", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "scatter---multi-axis", - "index": 15 - } - ], - "children": [ - { - "id": "ec02207c-36df-7252-38c5-4377ecbc1460", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "88abec65-2883-9531-395a-3dae6fc3be67", - "type": "Scatter Chart", - "parameters": { - "plugins.title.text": "Chart.js Scatter Multi Axis Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "9ffe6a3f-f2b6-2ee2-ead6-4adec8ac9149", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "8b55b84e-7520-e60c-9ce7-9cf1e474aed5", - "type": "JavaScriptFunction", - "x": -284.16666666666663, - "y": 188.5, - "parameters": { - "functionScript": "Outputs.Scales = {\n y: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'left',\n ticks: {\n color: \"rgb(255, 99, 132)\",\n }\n },\n y2: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'right',\n reverse: true,\n ticks: {\n color: \"rgb(54, 162, 235)\",\n },\n grid: {\n drawOnChartArea: false // only want the grid lines for one axis to show up\n }\n }\n}\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "f79a83a1-4e66-dc5c-3d86-4cc4c8e52b69", - "type": "JavaScriptFunction", - "x": -284.16666666666663, - "y": 83.5, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 47.22136488, \"y\": 88.67283951, \"r\": 1 },\r\n { \"x\": 84.31584362, \"y\": 63.31875857, \"r\": 1 },\r\n { \"x\": 44.76423182, \"y\": 92.18278464, \"r\": 1 },\r\n { \"x\": 40.9122085, \"y\": 6.12911523, \"r\": 1 },\r\n { \"x\": 92.51286008, \"y\": 54.54046639, \"r\": 1 },\r\n { \"x\": 71.17112483, \"y\": 16.42918381, \"r\": 1 },\r\n { \"x\": 11.45490398, \"y\": 78.21502058, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 5.44110082, \"y\": 16.07981824, \"r\": 1 },\r\n { \"x\": 91.04381001, \"y\": 51.57964678, \"r\": 1 },\r\n { \"x\": 4.93870027, \"y\": 53.64326132, \"r\": 1 },\r\n { \"x\": 22.43441358, \"y\": 60.5422668, \"r\": 1 },\r\n { \"x\": 4.02477709, \"y\": 73.51123114, \"r\": 1 },\r\n { \"x\": 6.49991427, \"y\": 34.52546296, \"r\": 1 },\r\n { \"x\": 60.72402263, \"y\": 70.7454561, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "d112379d-8319-790e-715a-9e8eb8fab89f" - ] - }, - "metadata": { - "canvasPos": { - "x": 13270, - "y": 3470 - } - } - }, - { - "name": "/Other Charts/Stacked bar line", - "id": "c9dc1776-ed3c-d5a3-9ba3-295019409555", - "graph": { - "connections": [ - { - "fromId": "763770b4-76c0-f192-da2e-71931956f68a", - "fromProperty": "out-Data", - "toId": "fe46a432-3d43-ad5a-1cad-a8ec67a292d4", - "toProperty": "data" - }, - { - "fromId": "12823dff-8739-a1f1-13af-b85998735082", - "fromProperty": "out-Scales", - "toId": "fe46a432-3d43-ad5a-1cad-a8ec67a292d4", - "toProperty": "scales" - } - ], - "roots": [ - { - "id": "372572ab-4abb-5bac-a216-d0231ab1717c", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Stacked bar line", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "stacked-bar-line", - "index": 15 - } - ], - "children": [ - { - "id": "e9e6866b-e4ff-267d-5c20-5841e6ed0fcb", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "fe46a432-3d43-ad5a-1cad-a8ec67a292d4", - "type": "Line Chart", - "parameters": { - "plugins.title.text": "Chart.js Stacked Line/Bar Chart", - "plugins.title.display": true - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "f5948bb5-a94a-18cb-9911-2e33f398af7e", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "763770b4-76c0-f192-da2e-71931956f68a", - "type": "JavaScriptFunction", - "x": -342.3333333333333, - "y": 40, - "parameters": { - "functionScript": "Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 32.34910837, 79.42301097, 37.50514403, 11.53377915, 69.41015089,\r\n 19.77623457, 56.45919067\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"stack\": \"combined\",\r\n \"type\": \"bar\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 69.58247599, 23.3436214, 0.45867627, 13.27331962, 81.54063786,\r\n 76.86556927, 33.81601509\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"stack\": \"combined\"\r\n }\r\n ]\r\n}\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Data", - "displayName": "Data", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - }, - { - "id": "12823dff-8739-a1f1-13af-b85998735082", - "type": "JavaScriptFunction", - "x": -353.66666666666663, - "y": 204, - "parameters": { - "functionScript": "Outputs.Scales = {\n y: {\n stacked: true\n }\n}" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Scales", - "displayName": "Scales", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "372572ab-4abb-5bac-a216-d0231ab1717c" - ] - }, - "metadata": { - "canvasPos": { - "x": 14795, - "y": 3460 - } - } - }, - { - "name": "/Styling/Legends", - "id": "55f3d995-6ca6-e7e5-c138-0c97c3da5242", - "graph": { - "connections": [ - { - "fromId": "c170d0c4-7e88-3de8-e191-61bc93f7da2a", - "fromProperty": "checked", - "toId": "b5071991-d227-95ae-6467-fc28d5405ad6", - "toProperty": "plugins.legend.fullSize" - }, - { - "fromId": "ac022eb7-9101-e54b-6bea-2f443c015630", - "fromProperty": "checked", - "toId": "b5071991-d227-95ae-6467-fc28d5405ad6", - "toProperty": "plugins.legend.rtl" - }, - { - "fromId": "d7539a11-1e1a-f94d-66e7-799b24dedabb", - "fromProperty": "checked", - "toId": "b5071991-d227-95ae-6467-fc28d5405ad6", - "toProperty": "plugins.legend.reverse" - }, - { - "fromId": "652c85d6-9142-be33-728d-e8660410a324", - "fromProperty": "out-Positions", - "toId": "c57092c3-c66d-27d4-3c7e-d7a5e269d187", - "toProperty": "items" - }, - { - "fromId": "652c85d6-9142-be33-728d-e8660410a324", - "fromProperty": "out-Alignments", - "toId": "25064956-1b46-d91d-f27e-1483f17d15cb", - "toProperty": "items" - }, - { - "fromId": "c57092c3-c66d-27d4-3c7e-d7a5e269d187", - "fromProperty": "value", - "toId": "b5071991-d227-95ae-6467-fc28d5405ad6", - "toProperty": "plugins.legend.position" - }, - { - "fromId": "25064956-1b46-d91d-f27e-1483f17d15cb", - "fromProperty": "value", - "toId": "b5071991-d227-95ae-6467-fc28d5405ad6", - "toProperty": "plugins.legend.align" - }, - { - "fromId": "4b6f5219-fdf0-0a81-ca0b-a9d7f1022785", - "fromProperty": "checked", - "toId": "b5071991-d227-95ae-6467-fc28d5405ad6", - "toProperty": "plugins.legend.display" - } - ], - "roots": [ - { - "id": "16c9bd12-bb5d-f42c-8f2f-3ab6ec9bb82f", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Legends", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "legends", - "index": 15 - } - ], - "children": [ - { - "id": "233a1a3a-42ef-f2d1-4edb-864605850312", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "b5071991-d227-95ae-6467-fc28d5405ad6", - "type": "Bar Chart", - "parameters": { - "plugins.legend.labels.font.family": "Courier New", - "color": "Primary", - "plugins.legend.display": true, - "plugins.legend.color": "Primary", - "plugins.legend.labels.family": "Courier New", - "plugins.legend.labels.color": "Primary", - "plugins.legend.labels.usePointStyle": true, - "plugins.legend.labels.pointStyle": "rectRot" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "4a5fc849-9e2e-0b50-f7eb-958e6522e26b", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "40e00cb9-0f1d-0dcb-192b-3f74bc5627f7", - "type": "Text", - "parameters": { - "text": "The legends have a custom font and color.", - "marginBottom": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "4b6f5219-fdf0-0a81-ca0b-a9d7f1022785", - "type": "net.noodl.controls.checkbox", - "parameters": { - "label": "Show Legends", - "checked": true, - "marginBottom": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "c170d0c4-7e88-3de8-e191-61bc93f7da2a", - "type": "net.noodl.controls.checkbox", - "parameters": { - "label": "Full Size", - "marginBottom": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "d7539a11-1e1a-f94d-66e7-799b24dedabb", - "type": "net.noodl.controls.checkbox", - "parameters": { - "label": "Reverse", - "marginBottom": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "ac022eb7-9101-e54b-6bea-2f443c015630", - "type": "net.noodl.controls.checkbox", - "parameters": { - "label": "Right to Left" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "c57092c3-c66d-27d4-3c7e-d7a5e269d187", - "type": "net.noodl.controls.options", - "parameters": { - "width": { - "value": 100, - "unit": "%" - }, - "useLabel": true, - "label": "Position", - "value": "top" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "25064956-1b46-d91d-f27e-1483f17d15cb", - "type": "net.noodl.controls.options", - "parameters": { - "width": { - "value": 100, - "unit": "%" - }, - "useLabel": true, - "label": "Align", - "value": "center" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "652c85d6-9142-be33-728d-e8660410a324", - "type": "JavaScriptFunction", - "label": "Dropdown Items", - "x": -305.5, - "y": 628, - "parameters": { - "functionScript": "Outputs.Positions = [\r\n {\r\n Label: \"Top (default)\",\r\n Value: \"top\",\r\n },\r\n {\r\n Label: \"Left\",\r\n Value: \"left\",\r\n },\r\n {\r\n Label: \"Bottom\",\r\n Value: \"bottom\",\r\n },\r\n {\r\n Label: \"Right\",\r\n Value: \"right\",\r\n },\r\n]\r\n\r\nOutputs.Alignments = [\r\n {\r\n Label: \"Start\",\r\n Value: \"start\",\r\n },\r\n {\r\n Label: \"Center (default)\",\r\n Value: \"center\",\r\n },\r\n {\r\n Label: \"End\",\r\n Value: \"end\",\r\n },\r\n]\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Positions", - "displayName": "Positions", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - }, - { - "name": "out-Alignments", - "displayName": "Alignments", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 5 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "16c9bd12-bb5d-f42c-8f2f-3ab6ec9bb82f" - ] - }, - "metadata": { - "canvasPos": { - "x": -2721.6668369111967, - "y": 0 - } - } - }, - { - "name": "/Styling/Responsive Test", - "id": "4900d527-c4b9-312a-7652-6f26b7db6982", - "graph": { - "connections": [], - "roots": [ - { - "id": "353b77d9-fc64-099d-f5e6-23061ff962e8", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Responsive Test", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "responsive-test", - "index": 15 - } - ], - "children": [ - { - "id": "953d50e2-bb3e-18ef-f82a-fc6d5bfe8719", - "type": "Group", - "parameters": { - "clip": true, - "height": { - "value": 300, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "e9d7a44f-c293-5116-197e-1f7baa807cc4", - "type": "Bar Chart", - "parameters": { - "plugins.tooltip.backgroundColor": "Primary", - "plugins.tooltip.bodyFontFamily": "Courier New", - "plugins.tooltip.bodyFontColor": "Dark", - "plugins.tooltip.cornerRadius": 0, - "plugins.tooltip.bodySpacing": 10, - "plugins.tooltip.bodyFont": "Courier New", - "plugins.tooltip.bodyFont.family": "Courier New", - "plugins.title.font.lineHeight": 1.6 - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - } - ], - "visualRoots": [ - "353b77d9-fc64-099d-f5e6-23061ff962e8" - ] - } - }, - { - "name": "/Styling/Title", - "id": "1af4cff5-aed2-4825-91ee-5c6ac3b42a62", - "graph": { - "connections": [ - { - "fromId": "4b1299af-9fe6-c910-36b0-5809d2cd5ebc", - "fromProperty": "onTextChanged", - "toId": "601e621c-5796-beea-da47-d3e668e111d2", - "toProperty": "plugins.title.text" - }, - { - "fromId": "7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a", - "fromProperty": "out-Positions", - "toId": "b7527469-aa40-5457-7d86-63cbb6b1259f", - "toProperty": "items" - }, - { - "fromId": "7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a", - "fromProperty": "out-Alignments", - "toId": "bafaf2e4-9999-49f9-0631-d1eb36ba1429", - "toProperty": "items" - }, - { - "fromId": "b7527469-aa40-5457-7d86-63cbb6b1259f", - "fromProperty": "value", - "toId": "601e621c-5796-beea-da47-d3e668e111d2", - "toProperty": "plugins.title.position" - }, - { - "fromId": "bafaf2e4-9999-49f9-0631-d1eb36ba1429", - "fromProperty": "value", - "toId": "601e621c-5796-beea-da47-d3e668e111d2", - "toProperty": "plugins.title.align" - }, - { - "fromId": "485baafa-4657-ce70-686d-694e36e5d283", - "fromProperty": "checked", - "toId": "601e621c-5796-beea-da47-d3e668e111d2", - "toProperty": "plugins.title.display" - } - ], - "roots": [ - { - "id": "ec0f4976-97ec-70c2-d4a2-42100b57c7dc", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Title", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "title", - "index": 15 - } - ], - "children": [ - { - "id": "473fe841-7434-c62d-8c99-3d76a7813888", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "601e621c-5796-beea-da47-d3e668e111d2", - "type": "Line Chart", - "parameters": { - "plugins.title.display": true, - "plugins.title.text": "", - "plugins.title.position": "bottom", - "plugins.title.font.family": "Courier New", - "plugins.title.font.size": 16, - "plugins.title.font.color": "Primary", - "plugins.title.color": "Primary" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "78421d0a-24e5-99a6-6f89-cf125ea41c40", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "cbe1c968-46ef-a146-6464-d40dccc9e2cf", - "type": "Text", - "parameters": { - "text": "The title have a custom font and size, other properties can also be changed.", - "marginBottom": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "485baafa-4657-ce70-686d-694e36e5d283", - "type": "net.noodl.controls.checkbox", - "parameters": { - "label": "Show Title", - "checked": true, - "marginBottom": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "4b1299af-9fe6-c910-36b0-5809d2cd5ebc", - "type": "net.noodl.controls.textinput", - "parameters": { - "startValue": "I am a title" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "b7527469-aa40-5457-7d86-63cbb6b1259f", - "type": "net.noodl.controls.options", - "parameters": { - "width": { - "value": 100, - "unit": "%" - }, - "useLabel": true, - "label": "Position", - "value": "top" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "bafaf2e4-9999-49f9-0631-d1eb36ba1429", - "type": "net.noodl.controls.options", - "parameters": { - "width": { - "value": 100, - "unit": "%" - }, - "useLabel": true, - "label": "Align", - "value": "center" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a", - "type": "JavaScriptFunction", - "label": "Dropdown Items", - "x": -365, - "y": 472, - "parameters": { - "functionScript": "Outputs.Positions = [\r\n {\r\n Label: \"Top (default)\",\r\n Value: \"top\",\r\n },\r\n {\r\n Label: \"Bottom\",\r\n Value: \"bottom\",\r\n },\r\n]\r\n\r\nOutputs.Alignments = [\r\n {\r\n Label: \"Start\",\r\n Value: \"start\",\r\n },\r\n {\r\n Label: \"Center (default)\",\r\n Value: \"center\",\r\n },\r\n {\r\n Label: \"End\",\r\n Value: \"end\",\r\n },\r\n]\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Positions", - "displayName": "Positions", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - }, - { - "name": "out-Alignments", - "displayName": "Alignments", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 5 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "ec0f4976-97ec-70c2-d4a2-42100b57c7dc" - ] - }, - "metadata": { - "canvasPos": { - "x": -2266.6668369111967, - "y": 0 - } - } - }, - { - "name": "/Styling/Tooltip", - "id": "9ba04720-675a-ce0d-6e77-7e91d17337af", - "graph": { - "connections": [ - { - "fromId": "df0ac77f-12b4-0432-cae7-1ff97984db79", - "fromProperty": "checked", - "toId": "b9b10801-82b3-e4fb-859c-6494da113873", - "toProperty": "plugins.tooltip.enabled" - }, - { - "fromId": "3c5addd4-fcef-fcb1-7af6-4d16fd166e1d", - "fromProperty": "checked", - "toId": "b9b10801-82b3-e4fb-859c-6494da113873", - "toProperty": "plugins.tooltip.displayColors" - }, - { - "fromId": "5ea23c57-d3b4-184a-793a-d98449e90f66", - "fromProperty": "value", - "toId": "b9b10801-82b3-e4fb-859c-6494da113873", - "toProperty": "plugins.tooltip.position" - }, - { - "fromId": "7ebf36a9-0b3f-93f9-59da-714a8fbf0187", - "fromProperty": "out-Positions", - "toId": "5ea23c57-d3b4-184a-793a-d98449e90f66", - "toProperty": "items" - }, - { - "fromId": "722e72b7-6aaf-9490-fce3-86163ee8c8d6", - "fromProperty": "value", - "toId": "b9b10801-82b3-e4fb-859c-6494da113873", - "toProperty": "plugins.tooltip.mode" - }, - { - "fromId": "7ebf36a9-0b3f-93f9-59da-714a8fbf0187", - "fromProperty": "out-Modes", - "toId": "722e72b7-6aaf-9490-fce3-86163ee8c8d6", - "toProperty": "items" - } - ], - "roots": [ - { - "id": "b317f088-4450-9f18-5589-aa50f169c42a", - "type": "Page", - "x": 0, - "y": 0, - "parameters": {}, - "ports": [], - "dynamicports": [ - { - "name": "title", - "displayName": "Title", - "type": "string", - "group": "General", - "plug": "input", - "default": "Tooltip", - "index": 14 - }, - { - "name": "urlPath", - "displayName": "Url Path", - "type": "string", - "group": "General", - "plug": "input", - "default": "tooltip", - "index": 15 - } - ], - "children": [ - { - "id": "4bfe2422-190c-0a9f-5196-3ae5fa7b44be", - "type": "/#Components/Preview Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "b9b10801-82b3-e4fb-859c-6494da113873", - "type": "Bar Chart", - "parameters": { - "plugins.tooltip.backgroundColor": "Primary", - "plugins.tooltip.bodyFontFamily": "Courier New", - "plugins.tooltip.bodyFontColor": "Dark", - "plugins.tooltip.cornerRadius": 0, - "plugins.tooltip.bodySpacing": 10, - "plugins.tooltip.bodyFont": "Courier New", - "plugins.tooltip.bodyFont.family": "Courier New" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - }, - { - "id": "2f1a19a6-b25b-f538-c766-8d64c3e46040", - "type": "/#Components/Node Canvas", - "parameters": {}, - "ports": [], - "dynamicports": [], - "children": [ - { - "id": "c99d5126-0e5a-29ae-4459-cb73092ffd9e", - "type": "Text", - "parameters": { - "text": "The tooltip have a custom font and color. The size and style can also be changed.", - "marginBottom": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "df0ac77f-12b4-0432-cae7-1ff97984db79", - "type": "net.noodl.controls.checkbox", - "parameters": { - "label": "Enable Tooltip", - "checked": true, - "marginBottom": { - "value": 8, - "unit": "px" - } - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "3c5addd4-fcef-fcb1-7af6-4d16fd166e1d", - "type": "net.noodl.controls.checkbox", - "parameters": { - "label": "Display Colors", - "checked": true - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "722e72b7-6aaf-9490-fce3-86163ee8c8d6", - "type": "net.noodl.controls.options", - "parameters": { - "width": { - "value": 100, - "unit": "%" - }, - "useLabel": true, - "label": "Mode", - "value": "point" - }, - "ports": [], - "dynamicports": [], - "children": [] - }, - { - "id": "5ea23c57-d3b4-184a-793a-d98449e90f66", - "type": "net.noodl.controls.options", - "parameters": { - "width": { - "value": 100, - "unit": "%" - }, - "useLabel": true, - "label": "Position", - "value": "average" - }, - "ports": [], - "dynamicports": [], - "children": [] - } - ] - } - ] - }, - { - "id": "7ebf36a9-0b3f-93f9-59da-714a8fbf0187", - "type": "JavaScriptFunction", - "label": "Dropdown Items", - "x": -335.99627790191835, - "y": 576.0037220980817, - "parameters": { - "functionScript": "Outputs.Modes = [\r\n {\r\n Label: \"Point (default)\",\r\n Value: \"point\",\r\n },\r\n {\r\n Label: \"Nearest\",\r\n Value: \"nearest\",\r\n },\r\n {\r\n Label: \"Index\",\r\n Value: \"index\",\r\n },\r\n {\r\n Label: \"Dataset\",\r\n Value: \"dataset\",\r\n },\r\n {\r\n Label: \"X\",\r\n Value: \"x\",\r\n },\r\n {\r\n Label: \"Y\",\r\n Value: \"y\",\r\n },\r\n]\r\nOutputs.ModesDefault = \"point\"\r\n\r\nOutputs.Positions = [\r\n {\r\n Label: \"Average\",\r\n Value: \"average\",\r\n },\r\n {\r\n Label: \"Nearest\",\r\n Value: \"nearest\",\r\n },\r\n]\r\nOutputs.PositionsDefault = \"average\"\r\n" - }, - "ports": [], - "dynamicports": [ - { - "name": "out-Modes", - "displayName": "Modes", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 4 - }, - { - "name": "out-ModesDefault", - "displayName": "ModesDefault", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 5 - }, - { - "name": "out-Positions", - "displayName": "Positions", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 6 - }, - { - "name": "out-PositionsDefault", - "displayName": "PositionsDefault", - "plug": "output", - "type": "*", - "group": "Outputs", - "index": 7 - } - ], - "children": [], - "metadata": { - "merge": { - "soureCodePorts": [ - "functionScript" - ] - } - } - } - ], - "visualRoots": [ - "b317f088-4450-9f18-5589-aa50f169c42a" - ] - }, - "metadata": { - "canvasPos": { - "x": -3176.6668369111967, - "y": 0 - } - } - } - ], - "settings": { - "navigationPathType": "path", - "htmlTitle": "Noodl Chart.js Module" - }, - "rootNodeId": "246f9453-a119-ac78-171e-3806cf596ecc", - "version": "4", - "metadata": { - "styles": { - "text": { - "Body Text": { - "fontFamily": "fonts/Roboto/Roboto-Regular.ttf", - "fontSize": { - "value": "18", - "unit": "px" - }, - "color": "#000000" - }, - "Button Label": { - "fontFamily": "fonts/Roboto/Roboto-Regular.ttf", - "fontSize": { - "value": "16", - "unit": "px" - }, - "color": "#000000" - }, - "Label Text": { - "fontFamily": "fonts/Roboto/Roboto-Regular.ttf", - "fontSize": { - "value": "14", - "unit": "px" - }, - "color": "#000000" - }, - "Navigation Items": { - "fontFamily": "fonts/Roboto/Roboto-Regular.ttf", - "fontSize": { - "value": "14", - "unit": "px" - }, - "letterSpacing": "Auto", - "lineHeight": "Auto", - "textTransform": "none", - "color": "#AAAA9F" - } - }, - "colors": { - "Primary": "#5836F5", - "Light Gray": "#C6C6C6", - "Dark Gray": "#434B53", - "Primary Dark": "#3F22B8", - "Dark": "#1F1F1F", - "Primary Light": "#C9BFFC", - "Navigation 2": "#DDDDDD", - "Navigation 1": "#EBEAEA", - "Background 2": "#E8E8E8", - "Background 1": "#E0E0E0", - "Navigation Text": "#555555", - "Border": "#000000" - } - } - }, - "variants": [ - { - "typename": "net.noodl.controls.button", - "parameters": { - "height": { - "value": 40, - "unit": "px" - }, - "sizeMode": "contentWidth", - "backgroundColor": "Primary", - "iconIconSource": { - "class": "material-icons", - "code": "home" - }, - "iconSize": { - "value": 22, - "unit": "px" - }, - "iconSpacing": { - "value": 6, - "unit": "px" - }, - "borderRadius": { - "value": 4, - "unit": "px" - }, - "textStyle": "Button Label", - "paddingTop": { - "value": 5, - "unit": "px" - }, - "paddingLeft": { - "value": 24, - "unit": "px" - }, - "paddingRight": { - "value": 24, - "unit": "px" - }, - "paddingBottom": { - "value": 4, - "unit": "px" - }, - "color": "#FFFFFF", - "fontFamily": "fonts/Roboto/Roboto-Medium.ttf" - }, - "stateParamaters": { - "hover": { - "backgroundColor": "Primary Dark" - }, - "pressed": { - "backgroundColor": "Primary Light", - "color": "Primary Dark" - }, - "disabled": { - "backgroundColor": "Light Gray" - } - }, - "stateTransitions": {}, - "defaultStateTransitions": { - "neutral": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - }, - "hover": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - }, - "pressed": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - } - } - }, - { - "typename": "net.noodl.controls.radiobutton", - "parameters": { - "width": { - "value": 24, - "unit": "px" - }, - "height": { - "value": 24, - "unit": "px" - }, - "useLabel": true, - "labeltextStyle": "Label Text", - "borderWidth": { - "value": 2, - "unit": "px" - }, - "value": "0", - "useIcon": false, - "fillColor": "transparent", - "borderColor": "#1F1F1F7F", - "labelfontSize": { - "value": 16, - "unit": "px" - } - }, - "stateParamaters": { - "checked": { - "fillColor": "Primary", - "borderColor": "Primary", - "borderWidth": { - "value": 2, - "unit": "px" - }, - "backgroundColor": "#FFFFFF", - "width": { - "value": 24, - "unit": "px" - }, - "height": { - "value": 24, - "unit": "px" - } - }, - "hover": { - "backgroundColor": "transparent", - "borderColor": "Primary", - "width": { - "value": 24, - "unit": "px" - }, - "height": { - "value": 24, - "unit": "px" - } - } - }, - "stateTransitions": {}, - "defaultStateTransitions": { - "neutral": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - }, - "hover": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - }, - "checked": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - } - } - }, - { - "typename": "Text", - "parameters": { - "textStyle": "Body Text" - }, - "stateParamaters": {}, - "stateTransitions": {} - }, - { - "typename": "net.noodl.controls.range", - "parameters": { - "thumbColor": "Primary", - "thumbBorderRadius": { - "value": 100, - "unit": "%" - }, - "trackHeight": { - "value": 4, - "unit": "px" - }, - "trackActiveColor": "Primary", - "trackColor": "Primary Light", - "width": { - "value": 100, - "unit": "%" - } - }, - "stateParamaters": {}, - "stateTransitions": {} - }, - { - "typename": "net.noodl.controls.checkbox", - "parameters": { - "width": { - "value": 24, - "unit": "px" - }, - "height": { - "value": 24, - "unit": "px" - }, - "useIcon": false, - "borderWidth": { - "value": 2, - "unit": "px" - }, - "useLabel": true, - "labeltextStyle": "Label Text", - "borderRadius": { - "value": 2, - "unit": "px" - }, - "borderColor": "#0000007F", - "labelfontSize": { - "value": 16, - "unit": "px" - }, - "labelcolor": "Dark" - }, - "stateParamaters": { - "checked": { - "useIcon": true, - "iconIconSource": { - "class": "material-icons", - "code": "check" - }, - "backgroundColor": "Primary", - "borderColor": "Primary", - "iconSize": { - "value": 16, - "unit": "px" - } - }, - "disabled": { - "opacity": 0.5 - }, - "hover": { - "borderColor": "Primary" - }, - "pressed": {} - }, - "stateTransitions": {}, - "defaultStateTransitions": { - "neutral": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - }, - "hover": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - }, - "checked": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - } - } - }, - { - "typename": "net.noodl.controls.textinput", - "parameters": { - "useLabel": true, - "sizeMode": "explicit", - "height": { - "value": 40, - "unit": "px" - }, - "textStyle": "Body Text", - "borderStyle": "solid", - "borderRadius": { - "value": 4, - "unit": "px" - }, - "borderWidth": { - "value": 2, - "unit": "px" - }, - "borderColor": "#1F1F1F7F", - "labeltextStyle": "Label Text", - "paddingLeft": { - "value": 8, - "unit": "px" - }, - "paddingRight": { - "value": 8, - "unit": "px" - }, - "labelSpacing": { - "value": 4, - "unit": "px" - }, - "placeholder": "Type here", - "labelcolor": "#1F1F1F7F", - "labeltextTransform": "uppercase", - "labelfontSize": { - "value": 12, - "unit": "px" - }, - "labelfontFamily": "fonts/Roboto/Roboto-Medium.ttf" - }, - "stateParamaters": { - "hover": { - "labelcolor": "#000000", - "borderColor": "Dark", - "borderStyle": "solid" - }, - "focused": { - "borderColor": "Primary", - "labelcolor": "Primary", - "borderWidth": { - "value": 2, - "unit": "px" - }, - "boxShadowEnabled": false, - "boxShadowColor": "Primary", - "borderStyle": "solid" - }, - "disabled": { - "labelcolor": "Light Gray", - "backgroundColor": "Light Gray", - "borderWidth": { - "value": 1, - "unit": "px" - }, - "borderColor": "Light Gray" - } - }, - "stateTransitions": {}, - "defaultStateTransitions": { - "neutral": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - }, - "focused": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - } - } - }, - { - "typename": "net.noodl.controls.options", - "parameters": { - "sizeMode": "explicit", - "height": { - "value": 40, - "unit": "px" - }, - "borderWidth": { - "value": 2, - "unit": "px" - }, - "borderRadius": { - "value": 4, - "unit": "px" - }, - "borderColor": "#1F1F1F7F", - "boxShadowColor": "Dark Gray", - "useIcon": true, - "iconIconSource": { - "class": "material-icons", - "code": "expand_more" - }, - "iconPlacement": "right", - "iconSize": { - "value": 24, - "unit": "px" - }, - "paddingRight": { - "value": 8, - "unit": "px" - }, - "textStyle": "Body Text", - "paddingLeft": { - "value": 8, - "unit": "px" - }, - "marginTop": { - "value": 24, - "unit": "px" - }, - "width": { - "value": 75, - "unit": "%" - }, - "iconColor": "#1F1F1F7F" - }, - "stateParamaters": { - "hover": { - "borderColor": "Dark", - "borderRadius": { - "value": 4, - "unit": "px" - }, - "iconColor": "Dark", - "iconSize": { - "value": 24, - "unit": "px" - }, - "iconPlacement": "right" - }, - "focused": { - "borderColor": "Primary", - "boxShadowColor": "Primary", - "borderRadius": { - "value": 4, - "unit": "px" - }, - "useIcon": true, - "iconColor": "Primary", - "iconIconSource": { - "class": "material-icons", - "code": "keyboard_arrow_up" - }, - "iconSize": { - "value": 24, - "unit": "px" - }, - "iconPlacement": "right" - }, - "pressed": { - "borderRadius": { - "value": 4, - "unit": "px" - } - } - }, - "stateTransitions": {}, - "defaultStateTransitions": { - "neutral": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - }, - "focused": { - "curve": [ - 0, - 0, - 0.58, - 1 - ], - "dur": 300, - "delay": 0 - } - } - }, - { - "name": "Card", - "typename": "Group", - "parameters": { - "marginLeft": { - "value": 0, - "unit": "px" - }, - "marginTop": { - "value": 0, - "unit": "px" - }, - "marginBottom": { - "value": 0, - "unit": "px" - }, - "marginRight": { - "value": 0, - "unit": "px" - }, - "borderStyle": "solid", - "borderWidth": { - "value": 1, - "unit": "px" - }, - "backgroundColor": "#FFFFFF", - "borderColor": "Background 2", - "borderRadius": { - "value": 4, - "unit": "px" - }, - "sizeMode": "contentSize", - "paddingLeft": { - "value": 8, - "unit": "px" - }, - "paddingTop": { - "value": 8, - "unit": "px" - }, - "paddingBottom": { - "value": 8, - "unit": "px" - }, - "paddingRight": { - "value": 8, - "unit": "px" - } - }, - "stateParamaters": {}, - "stateTransitions": {} - }, - { - "name": "Center Chart", - "typename": "Group", - "parameters": { - "sizeMode": "explicit", - "justifyContent": "center", - "alignItems": "center", - "width": { - "value": 500, - "unit": "px" - }, - "height": { - "value": 500, - "unit": "px" - } - }, - "stateParamaters": {}, - "stateTransitions": {} - } - ] -} \ No newline at end of file +{"name":"Chart.js Module","components":[{"name":"/#Components/Navigation","id":"d93421e7-a5c9-5984-d727-96ab6840e5a7","graph":{"connections":[],"roots":[{"id":"1fe7ad83-af0b-5425-95e1-c0f3a7c6b7f3","type":"Group","x":0,"y":0,"parameters":{"width":{"value":260,"unit":"px"},"sizeMode":"explicit","height":{"value":100,"unit":"vh"},"scrollEnabled":true,"backgroundColor":"Navigation 1","borderRightStyle":"solid","borderRightWidth":{"value":2,"unit":"px"},"borderRightColor":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[{"id":"3cbbf272-9ef5-fc75-7cfc-113bfa6d377e","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":["1fe7ad83-af0b-5425-95e1-c0f3a7c6b7f3"]},"metadata":{"canvasPos":{"x":-713.8333740234375,"y":-20}}},{"name":"/#Components/Navigation Group","id":"efc658c5-a96b-999f-74f8-86e411778ece","graph":{"connections":[{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Text","toId":"d327ad3f-ecab-e12a-ec3c-c3c20abdaab4","toProperty":"text"},{"fromId":"69f7506d-d97c-2695-ad07-b8b703219155","fromProperty":"didMount","toId":"5a21694d-3c07-0d65-e3e5-b895ef15093d","toProperty":"store"},{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Icon","toId":"ca3388f3-7532-379a-4014-328c77a70083","toProperty":"iconIconSource"},{"fromId":"ed8258bf-19d3-22d1-827e-1980a205e925","fromProperty":"value-Open","toId":"7e2773a0-6452-729d-fd6e-c676ceb23608","toProperty":"value"},{"fromId":"7e2773a0-6452-729d-fd6e-c676ceb23608","fromProperty":"result","toId":"e614fc25-6577-6d94-fe13-ef02718a5bb9","toProperty":"mounted"},{"fromId":"ed8258bf-19d3-22d1-827e-1980a205e925","fromProperty":"value-Open","toId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","toProperty":"value"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"a8d8f9c2-0f3a-e804-6492-dd90242f4c57","toProperty":"mounted"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"7e2773a0-6452-729d-fd6e-c676ceb23608","toProperty":"value"},{"fromId":"7e2773a0-6452-729d-fd6e-c676ceb23608","fromProperty":"result","toId":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","toProperty":"prop-Open"},{"fromId":"f65cd0ba-b7a8-aeef-bab0-f629970bf717","fromProperty":"onClick","toId":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","toProperty":"store"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"607f6d55-7029-1e3c-a2e9-9ec3a4f6a237","toProperty":"mounted"},{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Is Open","toId":"5a21694d-3c07-0d65-e3e5-b895ef15093d","toProperty":"prop-Open"}],"roots":[{"id":"69f7506d-d97c-2695-ad07-b8b703219155","type":"Group","x":48.666666666666686,"y":-18,"parameters":{"sizeMode":"contentHeight"},"ports":[],"dynamicports":[],"children":[{"id":"f65cd0ba-b7a8-aeef-bab0-f629970bf717","type":"Group","parameters":{"justifyContent":"center","backgroundColor":"Navigation 2","paddingBottom":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"},"flexDirection":"row","styleCss":"user-select: none;\r\ncursor: pointer;\r\n"},"ports":[],"dynamicports":[],"children":[{"id":"270fa551-4d7b-344f-e2f1-4b7890f63e29","type":"Group","parameters":{"width":{"value":40,"unit":"px"},"sizeMode":"contentHeight","alignItems":"center","justifyContent":"center","styleCss":"user-select: none;\r\n"},"ports":[],"dynamicports":[],"children":[{"id":"ca3388f3-7532-379a-4014-328c77a70083","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"show_chart"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d327ad3f-ecab-e12a-ec3c-c3c20abdaab4","type":"Text","parameters":{"text":"Header","textStyle":"Navigation Items","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]},{"id":"17529ea2-0ed1-a800-4e19-c357b63c8457","type":"Group","parameters":{"alignItems":"center","sizeMode":"explicit","width":{"value":40,"unit":"px"},"justifyContent":"center"},"ports":[],"dynamicports":[],"children":[{"id":"e614fc25-6577-6d94-fe13-ef02718a5bb9","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"keyboard_arrow_right"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]},{"id":"a8d8f9c2-0f3a-e804-6492-dd90242f4c57","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"keyboard_arrow_down"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"607f6d55-7029-1e3c-a2e9-9ec3a4f6a237","type":"Group","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"2c23f923-6da5-1e4f-b65b-11aed9501c73","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"0df4f14b-67f2-4904-ba60-df33c623b63c","type":"Component Inputs","x":-407.3333333333333,"y":41,"parameters":{},"ports":[{"name":"Text","plug":"output","type":{"name":"*"},"index":0},{"name":"Is Open","plug":"output","type":{"name":"*"},"index":2},{"name":"Icon","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"ed8258bf-19d3-22d1-827e-1980a205e925","type":"net.noodl.ComponentObject","x":688.8333333333333,"y":410,"parameters":{"properties":"Open"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Open","displayName":"Open","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Open Changed","name":"changed-Open","index":5}],"children":[]},{"id":"5a21694d-3c07-0d65-e3e5-b895ef15093d","type":"net.noodl.SetComponentObjectProperties","label":"Set Initial Values","x":48.83333333333326,"y":-222,"parameters":{"properties":"Open","type-Open":"boolean"},"ports":[],"dynamicports":[{"type":{"name":"boolean"},"plug":"input","group":"Property Values","displayName":"Open","name":"prop-Open","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Open","name":"type-Open","index":4}],"children":[]},{"id":"7e2773a0-6452-729d-fd6e-c676ceb23608","type":"Inverter","x":384.25,"y":335.5,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","type":"Boolean","x":383.25,"y":450.5,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","type":"net.noodl.SetComponentObjectProperties","x":723.25,"y":33.5,"parameters":{"properties":"Open","type-Open":"boolean"},"ports":[],"dynamicports":[{"type":{"name":"boolean"},"plug":"input","group":"Property Values","displayName":"Open","name":"prop-Open","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Open","name":"type-Open","index":4}],"children":[]}],"visualRoots":["69f7506d-d97c-2695-ad07-b8b703219155"],"comments":[{"text":"Is Open is only initial now","width":215,"height":52,"fill":true,"x":-484,"y":224,"id":"5b0e6e28-9174-9e12-c362-795211a8870b"}]},"metadata":{"canvasPos":{"x":-260,"y":-20}}},{"name":"/#Components/Navigation Item","id":"97e0c376-b1b6-ded2-e117-4217bddd6469","graph":{"connections":[{"fromId":"3e7f305d-966d-8efb-b515-a008983aa9ad","fromProperty":"onClick","toId":"3f6c1226-6e46-6066-0b0a-85fc8f4ae73a","toProperty":"Click"},{"fromId":"a614e71a-91ed-55f8-9ed1-8ba7cd8569c7","fromProperty":"Text","toId":"280a4d9e-c157-44da-7891-1876ddeec852","toProperty":"text"}],"roots":[{"id":"a614e71a-91ed-55f8-9ed1-8ba7cd8569c7","type":"Component Inputs","x":-42,"y":-49,"parameters":{},"ports":[{"name":"Text","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"e7aa5d3a-bac7-5a36-5e9e-c748ca5c39b0","type":"Group","x":288.6666666666667,"y":2,"parameters":{"sizeMode":"contentHeight"},"ports":[],"dynamicports":[],"children":[{"id":"3e7f305d-966d-8efb-b515-a008983aa9ad","type":"net.noodl.controls.button","parameters":{"sizeMode":"explicit","label":"Action","useLabel":false,"paddingLeft":{"value":40,"unit":"px"},"paddingRight":{"value":6,"unit":"px"},"borderRadius":{"value":0,"unit":"px"},"backgroundColor":"Navigation 1","height":{"value":36,"unit":"px"},"paddingBottom":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"}},"stateParameters":{"hover":{"backgroundColor":"Navigation 2"}},"ports":[],"dynamicports":[],"children":[{"id":"280a4d9e-c157-44da-7891-1876ddeec852","type":"Text","parameters":{"textAlignX":"left","textStyle":"Navigation Items","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"3f6c1226-6e46-6066-0b0a-85fc8f4ae73a","type":"Component Outputs","x":640.6666666666667,"y":-76,"parameters":{},"ports":[{"name":"Click","plug":"input","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]}],"visualRoots":["e7aa5d3a-bac7-5a36-5e9e-c748ca5c39b0"]},"metadata":{"canvasPos":{"x":195,"y":-20}}},{"name":"/#Components/Node Canvas","id":"d278d0b4-e99d-8e06-cf57-7e1898f8812f","graph":{"connections":[],"roots":[{"id":"26f36b41-a7b2-05ad-a532-14a034b03ad1","type":"Group","variant":"Card","x":-2,"y":0,"parameters":{"backgroundColor":"Navigation 2","sizeMode":"explicit","height":{"value":50,"unit":"vh"},"borderStyle":"none","paddingTop":{"value":16,"unit":"px"},"paddingLeft":{"value":16,"unit":"px"},"paddingBottom":{"value":16,"unit":"px"},"paddingRight":{"value":16,"unit":"px"},"borderRadius":{"value":0,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"e081c6d2-8f5a-6c58-4682-cc1732ce57b7","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":["26f36b41-a7b2-05ad-a532-14a034b03ad1"]},"metadata":{"canvasPos":{"x":1105,"y":-20}}},{"name":"/#Components/Preview Canvas","id":"7c12bb00-215c-271a-17c7-7d03d226d55f","graph":{"connections":[{"fromId":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","fromProperty":"Height","toId":"2b73c014-713f-baec-21dc-ba912f01cc94","toProperty":"value"},{"fromId":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","fromProperty":"Fixed Height","toId":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","toProperty":"value"},{"fromId":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","fromProperty":"savedValue","toId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","toProperty":"enable"},{"fromId":"2b73c014-713f-baec-21dc-ba912f01cc94","fromProperty":"savedValue","toId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","toProperty":"value"},{"fromId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","fromProperty":"result","toId":"b36b0773-cf89-10cf-6f55-41f52e6aa983","toProperty":"height"}],"roots":[{"id":"13027089-fe9b-7ee1-9523-eda2e5b5a419","type":"Group","variant":"Card","x":-2,"y":0,"parameters":{"sizeMode":"explicit","alignItems":"center","justifyContent":"center","backgroundColor":"#FFFFFF","borderStyle":"none","borderBottomStyle":"solid","borderBottomWidth":{"value":2,"unit":"px"},"borderBottomColor":"#FFFFFF","borderRadius":{"value":0,"unit":"px"},"height":{"value":50,"unit":"vh"},"width":{"value":100,"unit":"%","isFixed":false}},"ports":[],"dynamicports":[],"children":[{"id":"b36b0773-cf89-10cf-6f55-41f52e6aa983","type":"Group","variant":"Center Chart","label":"Fixed Height","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"ac73a7e2-3cfa-2af8-11e9-5cf8219c290f","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","type":"Component Inputs","x":-563,"y":-70,"parameters":{},"ports":[{"name":"Height","plug":"output","type":{"name":"*"},"index":2},{"name":"Fixed Height","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"2b73c014-713f-baec-21dc-ba912f01cc94","type":"Number","x":-552,"y":232,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","type":"Boolean","x":-555,"y":102,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","type":"Expression","x":-251,"y":165,"parameters":{"expression":"enable ? value : 300"},"ports":[],"dynamicports":[{"group":"Parameters","name":"enable","type":{"name":"*","editAsType":"string"},"plug":"input","index":7},{"group":"Parameters","name":"value","type":{"name":"*","editAsType":"string"},"plug":"input","index":8}],"children":[],"metadata":{"merge":{"soureCodePorts":["expression"]}}}],"visualRoots":["13027089-fe9b-7ee1-9523-eda2e5b5a419"]},"metadata":{"canvasPos":{"x":650,"y":-20}}},{"name":"/App","graph":{"connections":[{"fromId":"c33922e7-914c-f6a8-f76c-a02d43a42f16","fromProperty":"Click","toId":"2392a244-d75a-3a2f-c6c3-ed6730df28ed","toProperty":"navigate"},{"fromId":"de496c00-8a48-7c4f-a6c6-24764df088bc","fromProperty":"Click","toId":"8ea43add-936f-15b7-52c3-1f8c352149bf","toProperty":"navigate"},{"fromId":"a439c174-edd1-862b-46b1-2ed7901ee65e","fromProperty":"Click","toId":"d8dc1848-9c96-aa80-2577-680be61d1855","toProperty":"navigate"},{"fromId":"df36735a-ed6b-b2ee-7d7c-9f34951788b4","fromProperty":"Click","toId":"57df29f5-4b9a-8c16-7733-42a3059280f5","toProperty":"navigate"},{"fromId":"d5839097-846f-7bfa-1892-10d7dcb3b7cd","fromProperty":"Click","toId":"79a2d272-d830-49e9-4725-f38bed1e5d2a","toProperty":"navigate"},{"fromId":"4d317cf0-917e-77d6-3aa9-e3b312217691","fromProperty":"Click","toId":"37dc676a-ba21-7e6a-6155-8a928f5e2c27","toProperty":"navigate"},{"fromId":"d69ef435-1bb0-05e9-14f8-06c1c1df52a5","fromProperty":"Click","toId":"aff1fe3a-d5db-c24e-a0b3-8c844f2c592a","toProperty":"navigate"},{"fromId":"f8e31252-0670-9f35-799c-894d294bc28a","fromProperty":"Click","toId":"c189e363-08af-6f5e-5480-bf084c8d684e","toProperty":"navigate"},{"fromId":"8cf3ad9f-55f4-895c-21dc-a30eb4b48a78","fromProperty":"Click","toId":"1dadb0bc-df54-217f-5bb8-10a25ff54132","toProperty":"navigate"},{"fromId":"225f51ae-205d-5b8d-f1dd-6d4274f29ce2","fromProperty":"Click","toId":"9f8d8a42-93d4-97ff-cbc5-83a2051abef0","toProperty":"navigate"},{"fromId":"2061815c-4233-2d9e-bfe5-1c4930d55bff","fromProperty":"Click","toId":"6fce05ac-e8f1-9705-652c-5b1d8a704d37","toProperty":"navigate"},{"fromId":"7c57b2e1-91e2-9bf2-3cc2-620517cb15e3","fromProperty":"Click","toId":"0d0d84ce-cd06-c936-320b-300ee2615e9d","toProperty":"navigate"},{"fromId":"48bf69d8-3dc6-b5cf-175f-a879faa7cfe8","fromProperty":"Click","toId":"4a7e1ecf-3745-cf35-ecc3-971a65ec6099","toProperty":"navigate"},{"fromId":"9cb06bdf-c4c5-e5d7-23ce-ecbb6c3e9efa","fromProperty":"Click","toId":"5c82edd4-18fb-8a08-4b35-66bb80dc094f","toProperty":"navigate"},{"fromId":"117a3aca-3cde-5389-1f03-2b06332f8f4c","fromProperty":"Click","toId":"769b345d-df7c-0897-c8fd-e2820bb109b4","toProperty":"navigate"},{"fromId":"00b90a1d-016d-741f-e6f1-fd9b58506ee3","fromProperty":"Click","toId":"a692ccfc-29bc-1d4a-8e79-5bedd4fd1a39","toProperty":"navigate"},{"fromId":"8fd330a0-c7be-db81-1191-f67f06d649a8","fromProperty":"Click","toId":"92a57faf-c4ec-9b5a-449a-7a9c904f7f26","toProperty":"navigate"},{"fromId":"01d71cdc-a4f3-cadb-20e6-bdd0e6d9588e","fromProperty":"Click","toId":"fea8c3a1-9967-7fb1-aa60-261569619f4f","toProperty":"navigate"},{"fromId":"5a0ea5d1-168f-8212-d3eb-add7b0ecea14","fromProperty":"Click","toId":"a7e64a8c-3e1d-fe41-c320-32d6b27a9fa4","toProperty":"navigate"},{"fromId":"0bf282c3-6459-8fe6-165e-e858993fbf0f","fromProperty":"Click","toId":"3d73a4c7-f46e-6e07-c7fd-b4a673d879ac","toProperty":"navigate"},{"fromId":"99d08196-37b4-b45c-5baa-93b644d0cb64","fromProperty":"Click","toId":"1a12ca3b-025c-2d49-88ba-ef03bf75e758","toProperty":"navigate"},{"fromId":"67334a2c-f2a7-3c18-6525-1377f8098876","fromProperty":"Click","toId":"c0ca3559-b00c-f00c-2e6a-b24f523cf86e","toProperty":"navigate"},{"fromId":"723812a5-1c27-edb5-d17b-29d41801d3e5","fromProperty":"Click","toId":"8f679e85-2b9c-fa77-a657-e27c821a6624","toProperty":"navigate"},{"fromId":"cfcb7eb2-0a30-2573-3a68-717caa0da1d9","fromProperty":"Click","toId":"fb8cfec1-06f5-f846-fba8-cf4f5606d9a2","toProperty":"navigate"},{"fromId":"98b40973-9015-ec50-67b6-530edef41a7c","fromProperty":"Click","toId":"2330515a-587b-1432-e4e5-ec09c208a185","toProperty":"navigate"},{"fromId":"cb4300c0-484d-6ce1-ca62-cbbf6339f5aa","fromProperty":"Click","toId":"a82827e9-0900-33d0-6ac2-7aba32502977","toProperty":"navigate"},{"fromId":"71449448-2b32-d6ce-5c17-98538b242739","fromProperty":"Click","toId":"29660423-baa3-e9a4-ac0f-72af90ce488e","toProperty":"navigate"},{"fromId":"cab51a52-aa50-1eac-08e0-32caea5288c3","fromProperty":"Click","toId":"d9bfa3e9-6b06-8570-1333-2213cfafa876","toProperty":"navigate"},{"fromId":"41699120-131a-55c0-503f-d58b52bc2dd7","fromProperty":"Click","toId":"7365ef83-9272-d989-99ff-110cc50598ba","toProperty":"navigate"},{"fromId":"4f8d50cc-ca81-32c4-ffb8-aa80fb480301","fromProperty":"Click","toId":"746e0c88-bd92-b536-8e29-b0c933e17362","toProperty":"navigate"}],"roots":[{"id":"246f9453-a119-ac78-171e-3806cf596ecc","type":"Group","x":-111.4681915301291,"y":310.4376377651178,"parameters":{"backgroundColor":"Background 1","flexDirection":"row"},"ports":[],"dynamicports":[],"children":[{"id":"10c2c442-991c-08c9-8740-7092a0f30538","type":"/#Components/Navigation","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"8f01ef48-3d4f-9260-b753-e85ea4eb7f6c","type":"/#Components/Navigation Group","parameters":{"Text":"Chart.js Module Preview","Icon":{"class":"material-icons","code":"home"},"Is Open":true},"ports":[],"dynamicports":[],"children":[{"id":"225f51ae-205d-5b8d-f1dd-6d4274f29ce2","type":"/#Components/Navigation Item","parameters":{"Text":"Information"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1ea31cd9-95c9-5317-2c8d-cab45b595034","type":"/#Components/Navigation Group","parameters":{"Text":"Bar Charts","Icon":{"class":"material-icons","code":"stacked_bar_chart"},"Is Open":true},"ports":[],"dynamicports":[],"children":[{"id":"c33922e7-914c-f6a8-f76c-a02d43a42f16","type":"/#Components/Navigation Item","parameters":{"Text":"Bar Chart Border Radius"},"ports":[],"dynamicports":[],"children":[]},{"id":"de496c00-8a48-7c4f-a6c6-24764df088bc","type":"/#Components/Navigation Item","parameters":{"Text":"Floating Bars"},"ports":[],"dynamicports":[],"children":[]},{"id":"a439c174-edd1-862b-46b1-2ed7901ee65e","type":"/#Components/Navigation Item","parameters":{"Text":"Horizontal Bar Chart","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"df36735a-ed6b-b2ee-7d7c-9f34951788b4","type":"/#Components/Navigation Item","parameters":{"Text":"Stacked Bar Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"d5839097-846f-7bfa-1892-10d7dcb3b7cd","type":"/#Components/Navigation Item","parameters":{"Text":"Stacked Bar Chart with Groups"},"ports":[],"dynamicports":[],"children":[]},{"id":"4d317cf0-917e-77d6-3aa9-e3b312217691","type":"/#Components/Navigation Item","parameters":{"Text":"Vertical Bar Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"138f5f59-58f5-c179-01c4-e39ef89aff5e","type":"/#Components/Navigation Group","parameters":{"Text":"Line Charts","Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"0bf282c3-6459-8fe6-165e-e858993fbf0f","type":"/#Components/Navigation Item","parameters":{"Text":"Interpolation Modes"},"ports":[],"dynamicports":[],"children":[]},{"id":"d69ef435-1bb0-05e9-14f8-06c1c1df52a5","type":"/#Components/Navigation Item","parameters":{"Text":"Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"4f8d50cc-ca81-32c4-ffb8-aa80fb480301","type":"/#Components/Navigation Item","parameters":{"Text":"Stacked Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"99d08196-37b4-b45c-5baa-93b644d0cb64","type":"/#Components/Navigation Item","parameters":{"Text":"Multi Axis Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"67334a2c-f2a7-3c18-6525-1377f8098876","type":"/#Components/Navigation Item","parameters":{"Text":"Point Styling","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"723812a5-1c27-edb5-d17b-29d41801d3e5","type":"/#Components/Navigation Item","parameters":{"Text":"Line Segment Styling","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"cfcb7eb2-0a30-2573-3a68-717caa0da1d9","type":"/#Components/Navigation Item","parameters":{"Text":"Stepped Line Charts"},"ports":[],"dynamicports":[],"children":[]},{"id":"98b40973-9015-ec50-67b6-530edef41a7c","type":"/#Components/Navigation Item","parameters":{"Text":"Line Styling"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4918c696-55bd-1e71-d6be-f3057650a328","type":"/#Components/Navigation Group","parameters":{"Text":"Other Charts","Icon":{"class":"material-icons","code":"pie_chart"},"Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"8cf3ad9f-55f4-895c-21dc-a30eb4b48a78","type":"/#Components/Navigation Item","parameters":{"Text":"Bubble","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"2061815c-4233-2d9e-bfe5-1c4930d55bff","type":"/#Components/Navigation Item","parameters":{"Text":"Combo bar/line","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"7c57b2e1-91e2-9bf2-3cc2-620517cb15e3","type":"/#Components/Navigation Item","parameters":{"Text":"Doughnut","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"f8e31252-0670-9f35-799c-894d294bc28a","type":"/#Components/Navigation Item","parameters":{"Text":"Pie"},"ports":[],"dynamicports":[],"children":[]},{"id":"48bf69d8-3dc6-b5cf-175f-a879faa7cfe8","type":"/#Components/Navigation Item","parameters":{"Text":"Polar area"},"ports":[],"dynamicports":[],"children":[]},{"id":"9cb06bdf-c4c5-e5d7-23ce-ecbb6c3e9efa","type":"/#Components/Navigation Item","parameters":{"Text":"Polar area centered point labels"},"ports":[],"dynamicports":[],"children":[]},{"id":"117a3aca-3cde-5389-1f03-2b06332f8f4c","type":"/#Components/Navigation Item","parameters":{"Text":"Radar"},"ports":[],"dynamicports":[],"children":[]},{"id":"00b90a1d-016d-741f-e6f1-fd9b58506ee3","type":"/#Components/Navigation Item","parameters":{"Text":"Radar skip points"},"ports":[],"dynamicports":[],"children":[]},{"id":"8fd330a0-c7be-db81-1191-f67f06d649a8","type":"/#Components/Navigation Item","parameters":{"Text":"Scatter","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"01d71cdc-a4f3-cadb-20e6-bdd0e6d9588e","type":"/#Components/Navigation Item","parameters":{"Text":"Scatter - Multi axis","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"5a0ea5d1-168f-8212-d3eb-add7b0ecea14","type":"/#Components/Navigation Item","parameters":{"Text":"Stacked bar/line"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"b8b3085b-f9cb-f880-8e4f-396aaee068b9","type":"/#Components/Navigation Group","parameters":{"Text":"Styling","Icon":{"class":"material-icons","code":"format_paint"},"Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"cb4300c0-484d-6ce1-ca62-cbbf6339f5aa","type":"/#Components/Navigation Item","parameters":{"Text":"Tooltip","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"cab51a52-aa50-1eac-08e0-32caea5288c3","type":"/#Components/Navigation Item","parameters":{"Text":"Title","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"71449448-2b32-d6ce-5c17-98538b242739","type":"/#Components/Navigation Item","parameters":{"Text":"Legends","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"41699120-131a-55c0-503f-d58b52bc2dd7","type":"/#Components/Navigation Item","parameters":{"Text":"Responsive Test","WIP":false},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"cd40a799-c876-956a-f4b4-ba5ba5a17008","type":"Router","parameters":{"name":"Main","pages":{"routes":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"startPage":"/Home"}},"ports":[],"dynamicports":[],"children":[]}]},{"id":"c189e363-08af-6f5e-5480-bf084c8d684e","type":"RouterNavigate","x":428.8977940226279,"y":2034.1746410862029,"parameters":{"router":"Main","target":"/Other Charts/Pie"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"aff1fe3a-d5db-c24e-a0b3-8c844f2c592a","type":"RouterNavigate","x":417.2777203697917,"y":1191.4274024378497,"parameters":{"router":"Main","target":"/Line Charts/Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"1dadb0bc-df54-217f-5bb8-10a25ff54132","type":"RouterNavigate","x":424.7882069071034,"y":1762.448162978498,"parameters":{"router":"Main","target":"/Other Charts/Bubble"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"2392a244-d75a-3a2f-c6c3-ed6730df28ed","type":"RouterNavigate","x":390.8286156907237,"y":530.7694807769873,"parameters":{"router":"Main","target":"/Bar Charts/Bar Chart Border Radius"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"8ea43add-936f-15b7-52c3-1f8c352149bf","type":"RouterNavigate","x":383.9619490240571,"y":624.5694807769871,"parameters":{"router":"Main","target":"/Bar Charts/Floating Bars"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"d8dc1848-9c96-aa80-2577-680be61d1855","type":"RouterNavigate","x":400.96194902405705,"y":713.5694807769871,"parameters":{"router":"Main","target":"/Bar Charts/Horizontal Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"57df29f5-4b9a-8c16-7733-42a3059280f5","type":"RouterNavigate","x":396.9619490240571,"y":804.5694807769871,"parameters":{"router":"Main","target":"/Bar Charts/Stacked Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"79a2d272-d830-49e9-4725-f38bed1e5d2a","type":"RouterNavigate","x":411.96194902405705,"y":903.5694807769876,"parameters":{"router":"Main","target":"/Bar Charts/Stacked Bar Chart with Groups"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"37dc676a-ba21-7e6a-6155-8a928f5e2c27","type":"RouterNavigate","x":405.96194902405705,"y":994.5694807769875,"parameters":{"router":"Main","target":"/Bar Charts/Vertical Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"9f8d8a42-93d4-97ff-cbc5-83a2051abef0","type":"RouterNavigate","x":385.79963539893726,"y":366.8263167414616,"parameters":{"router":"Main","target":"/Home"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"6fce05ac-e8f1-9705-652c-5b1d8a704d37","type":"RouterNavigate","x":418.057585308024,"y":1851.9274581644265,"parameters":{"router":"Main","target":"/Other Charts/Combo bar line"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"0d0d84ce-cd06-c936-320b-300ee2615e9d","type":"RouterNavigate","x":427.8573574352362,"y":1939.4056123948449,"parameters":{"router":"Main","target":"/Other Charts/Doughnut"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"4a7e1ecf-3745-cf35-ecc3-971a65ec6099","type":"RouterNavigate","x":417.14080631681037,"y":2121.3808247876236,"parameters":{"router":"Main","target":"/Other Charts/Polar area"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"5c82edd4-18fb-8a08-4b35-66bb80dc094f","type":"RouterNavigate","x":417.14080631681037,"y":2207.7790018053215,"parameters":{"router":"Main","target":"/Other Charts/Polar area centered point labels"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"769b345d-df7c-0897-c8fd-e2820bb109b4","type":"RouterNavigate","x":413.90087467864674,"y":2298.497087673901,"parameters":{"router":"Main","target":"/Other Charts/Radar"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"a692ccfc-29bc-1d4a-8e79-5bedd4fd1a39","type":"RouterNavigate","x":412.8208974659256,"y":2393.5350823933672,"parameters":{"router":"Main","target":"/Other Charts/Radar skip points"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"92a57faf-c4ec-9b5a-449a-7a9c904f7f26","type":"RouterNavigate","x":410.6609430404831,"y":2484.2531682619497,"parameters":{"router":"Main","target":"/Other Charts/Scatter"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"fea8c3a1-9967-7fb1-aa60-261569619f4f","type":"RouterNavigate","x":418.22078352953173,"y":2572.81129970509,"parameters":{"router":"Main","target":"/Other Charts/Scatter - Multi axis"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"a7e64a8c-3e1d-fe41-c320-32d6b27a9fa4","type":"RouterNavigate","x":410.5745694732074,"y":2662.44940836095,"parameters":{"router":"Main","target":"/Other Charts/Stacked bar line"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"3d73a4c7-f46e-6e07-c7fd-b4a673d879ac","type":"RouterNavigate","x":419.15297485918484,"y":1107.7434457389836,"parameters":{"router":"Main","target":"/Line Charts/Interpolation Modes"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"1a12ca3b-025c-2d49-88ba-ef03bf75e758","type":"RouterNavigate","x":424,"y":1328,"parameters":{"router":"Main","target":"/Line Charts/Multi Axis Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"c0ca3559-b00c-f00c-2e6a-b24f523cf86e","type":"RouterNavigate","x":425.35259205313344,"y":1406.477358960396,"parameters":{"router":"Main","target":"/Line Charts/Point Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"fb8cfec1-06f5-f846-fba8-cf4f5606d9a2","type":"RouterNavigate","x":417.35259205313344,"y":1570.477358960396,"parameters":{"router":"Main","target":"/Line Charts/Stepped Line Charts"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"8f679e85-2b9c-fa77-a657-e27c821a6624","type":"RouterNavigate","x":423.35259205313344,"y":1483.477358960396,"parameters":{"router":"Main","target":"/Line Charts/Line Segment Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"2330515a-587b-1432-e4e5-ec09c208a185","type":"RouterNavigate","x":414.35259205313344,"y":1654.477358960396,"parameters":{"router":"Main","target":"/Line Charts/Line Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"f2dd8b86-bf80-7684-8999-346e876a4953","type":"JavaScriptFunction","label":"Setup Global Scripts","x":-94.19210618240777,"y":-85.34807398724172,"parameters":{"scriptInputs":[{"id":"eaqp","label":"test"}],"intype-test":"boolean","functionScript":"var _seed = Date.now();\r\n\r\nfunction valueOrDefault(value, defaultValue) {\r\n return value === undefined ? defaultValue : value;\r\n}\r\n\r\nwindow.Utils = {\r\n rand: function (min, max) {\r\n min = valueOrDefault(min, 0);\r\n max = valueOrDefault(max, 0);\r\n _seed = (_seed * 9301 + 49297) % 233280;\r\n return min + (_seed / 233280) * (max - min);\r\n },\r\n\r\n numbers: function (config) {\r\n var cfg = config || {};\r\n var min = valueOrDefault(cfg.min, 0);\r\n var max = valueOrDefault(cfg.max, 100);\r\n var from = valueOrDefault(cfg.from, []);\r\n var count = valueOrDefault(cfg.count, 8);\r\n var decimals = valueOrDefault(cfg.decimals, 8);\r\n var continuity = valueOrDefault(cfg.continuity, 1);\r\n var dfactor = Math.pow(10, decimals) || 0;\r\n var data = [];\r\n var i, value;\r\n\r\n for (i = 0; i < count; ++i) {\r\n value = (from[i] || 0) + this.rand(min, max);\r\n if (this.rand() <= continuity) {\r\n data.push(Math.round(dfactor * value) / dfactor);\r\n } else {\r\n data.push(null);\r\n }\r\n }\r\n\r\n return data;\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"intype-test","displayName":"Type","editorName":"test | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"eaqp","index":4},{"name":"in-test","displayName":"test","plug":"input","type":"boolean","group":"Inputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"a82827e9-0900-33d0-6ac2-7aba32502977","type":"RouterNavigate","x":416.38753900386473,"y":2791.9429870136,"parameters":{"router":"Main","target":"/Styling/Tooltip"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"29660423-baa3-e9a4-ac0f-72af90ce488e","type":"RouterNavigate","x":421.05294212385274,"y":2982.0581641531257,"parameters":{"router":"Main","target":"/Styling/Legends"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"d9bfa3e9-6b06-8570-1333-2213cfafa876","type":"RouterNavigate","x":429.21739758383256,"y":2881.7519970733756,"parameters":{"router":"Main","target":"/Styling/Title"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"7365ef83-9272-d989-99ff-110cc50598ba","type":"RouterNavigate","x":424,"y":3088,"parameters":{"router":"Main","target":"/Styling/Responsive Test"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"746e0c88-bd92-b536-8e29-b0c933e17362","type":"RouterNavigate","x":416,"y":1264,"parameters":{"router":"Main","target":"/Line Charts/Stacked Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]}],"visualRoots":["246f9453-a119-ac78-171e-3806cf596ecc"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":0}}},{"name":"/Bar Charts/Bar Chart Border Radius","id":"e70c5640-da4c-5c49-7196-a09d538a4a64","graph":{"connections":[{"fromId":"bb767120-4505-fd2b-96e7-fe26aa17e3e9","fromProperty":"didMount","toId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","toProperty":"run"},{"fromId":"26d2f9b5-f134-0c2e-5918-22f2e96217f3","fromProperty":"onClick","toId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","toProperty":"run"},{"fromId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","fromProperty":"out-Data","toId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","toProperty":"data"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"onClick","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"run"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"clickEventData","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"in-data"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"helpers","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"in-helpers"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"onBeforeEvent","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"run"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"beforeEventChart","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-chart"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"beforeEventArgs","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-args"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"helpers","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-helpers"}],"roots":[{"id":"bb767120-4505-fd2b-96e7-fe26aa17e3e9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Bar Chart Border Radius","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"bar-chart-border-radius","index":15}],"children":[{"id":"2f562945-38a3-a045-8598-07d8e8e3482b","type":"/#Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"df461e4b-b7cf-683c-5eb9-784620e9e65c","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f4f0869b-7dc3-0990-4a3c-2976b24496fb","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"26d2f9b5-f134-0c2e-5918-22f2e96217f3","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","type":"JavaScriptFunction","label":"Generate the Dataset","x":-282,"y":112,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n ],\r\n datasets: [\r\n {\r\n label: \"Fully Rounded\",\r\n data: Utils.numbers({ count: 7, min: -100, max: 100 }),\r\n borderColor: \"rgb(255, 99, 132)\",\r\n backgroundColor: \"rgba(255, 99, 132, 0.5)\",\r\n borderWidth: 2,\r\n borderRadius: 1.7976931348623157e+308,\r\n borderSkipped: false\r\n },\r\n {\r\n label: \"Small Radius\",\r\n data: Utils.numbers({ count: 7, min: -100, max: 100 }),\r\n borderColor: \"rgb(54, 162, 235)\",\r\n backgroundColor: \"rgba(54, 162, 235, 0.5)\",\r\n borderWidth: 2,\r\n borderRadius: 5,\r\n borderSkipped: false\r\n }\r\n ]\r\n}\r\n","scriptOutputs":[{"id":"0t45","label":"Data"},{"id":"g05z","label":"String"}],"outtype-Data":"object","outtype-String":"string"},"ports":[],"dynamicports":[{"name":"outtype-Data","displayName":"Type","editorName":"Data | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"0t45","index":4},{"name":"out-Data","displayName":"Data","plug":"output","type":"object","group":"Outputs","index":5},{"name":"outtype-String","displayName":"Type","editorName":"String | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"g05z","index":6},{"name":"out-String","displayName":"String","plug":"output","type":"string","group":"Outputs","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"6273da02-c6f6-617c-81a3-a32f662058e0","type":"JavaScriptFunction","label":"Click Chart Data","x":360,"y":232,"parameters":{"functionScript":"const data = Inputs.data;\r\nconst helpers = Inputs.helpers;\r\n\r\nconst canvasPosition = helpers.getRelativePosition(data, data.chart);\r\n\r\n// Substitute the appropriate scale IDs\r\nconst dataX = data.chart.scales.x.getValueForPixel(canvasPosition.x);\r\nconst dataY = data.chart.scales.y.getValueForPixel(canvasPosition.y);\r\n\r\nconsole.log({\r\n canvasPosition,\r\n dataX,\r\n dataY\r\n})\r\n"},"ports":[],"dynamicports":[{"name":"in-data","displayName":"data","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-helpers","displayName":"helpers","plug":"input","type":"*","group":"Inputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","type":"JavaScriptFunction","label":"Before Chart Data","x":360,"y":56,"parameters":{"functionScript":"const chart = Inputs.chart;\r\nconst args = Inputs.args;\r\nconst helpers = Inputs.helpers;\r\n\r\nconst canvasPosition = helpers.getRelativePosition(args.event, chart);\r\n\r\n// Substitute the appropriate scale IDs\r\nconst dataX = chart.scales.x.getValueForPixel(canvasPosition.x);\r\nconst dataY = chart.scales.y.getValueForPixel(canvasPosition.y);\r\n\r\nconsole.log({\r\n canvasPosition,\r\n dataX,\r\n dataY\r\n})\r\n"},"ports":[],"dynamicports":[{"name":"in-chart","displayName":"chart","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-args","displayName":"args","plug":"input","type":"*","group":"Inputs","index":5},{"name":"in-helpers","displayName":"helpers","plug":"input","type":"*","group":"Inputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["bb767120-4505-fd2b-96e7-fe26aa17e3e9"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":1200}}},{"name":"/Bar Charts/Double Axis Chart","id":"32f19383-4933-32c6-5dbe-f767c918de9e","graph":{"connections":[{"fromId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","fromProperty":"out-Data","toId":"19736d4e-bb21-b242-bd85-f85d1223846a","toProperty":"data"},{"fromId":"124e5c3a-71e1-ca9c-1a9c-267b29477279","fromProperty":"onClick","toId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","toProperty":"run"},{"fromId":"8f3503d3-0583-9ffb-f8b1-a55b596fc296","fromProperty":"didMount","toId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","toProperty":"run"},{"fromId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","fromProperty":"out-Scales","toId":"19736d4e-bb21-b242-bd85-f85d1223846a","toProperty":"scales"},{"fromId":"19736d4e-bb21-b242-bd85-f85d1223846a","fromProperty":"chartOptions","toId":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","toProperty":"in-Data"},{"fromId":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","fromProperty":"out-Text","toId":"6dfec4b2-cf53-36d7-d8bf-925e8c074b62","toProperty":"startValue"}],"roots":[{"id":"8f3503d3-0583-9ffb-f8b1-a55b596fc296","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Double Axis Chart","index":30},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"double-axis-chart","index":31}],"children":[{"id":"f0ac2431-8870-9879-3e87-63fe1de0d867","type":"/#Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"19736d4e-bb21-b242-bd85-f85d1223846a","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Floating Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0de72439-ce6a-cca2-da2b-973facb0a518","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"124e5c3a-71e1-ca9c-1a9c-267b29477279","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]},{"id":"6dfec4b2-cf53-36d7-d8bf-925e8c074b62","type":"net.noodl.controls.textinput","parameters":{"useLabel":false,"type":"textArea","height":{"value":100,"unit":"%"},"marginTop":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","type":"JavaScriptFunction","label":"Generate the Dataset","x":281.61237279554115,"y":90.64772935169401,"parameters":{"functionScript":"const DummyData = {\r\n flat: [250000, 260000, 270000, 280000, 290000],\r\n terraced: [300000, 310000, 320000, 330000, 340000],\r\n semi: [350000, 360000, 370000, 380000, 390000],\r\n detached: [400000, 410000, 420000, 430000, 440000],\r\n flatsqm: [150, 160, 170, 180, 190],\r\n terracedsqm: [180, 190, 200, 210, 220],\r\n smeisqm: [220, 230, 240, 250, 260],\r\n detachedsqm: [280, 290, 300, 310, 320]\r\n};\r\n\r\nOutputs.Data = {\r\n labels: [\r\n \"Flat\",\r\n \"Terraced\",\r\n \"Semi-Detached\",\r\n \"Detached\"\r\n ],\r\n datasets: [\r\n {\r\n label: \"Sold Prices\",\r\n data: [DummyData.flat, DummyData.terraced, DummyData.semi, DummyData.detached],\r\n yAxisID: \"y-axis-1\",\r\n borderColor: \"#A3A67A\",\r\n backgroundColor: \"#A3A67A\",\r\n borderWidth: 2,\r\n borderRadius: 1.8,\r\n borderSkipped: false\r\n },\r\n {\r\n label: \"Sold Price Rates\",\r\n data: [DummyData.flatsqm, DummyData.terracedsqm, DummyData.smeisqm, DummyData.detachedsqm],\r\n yAxisID: \"y-axis-2\",\r\n borderColor: \"#D26333\",\r\n backgroundColor: \"#D26333\",\r\n borderWidth: 2,\r\n borderRadius: 1.8,\r\n borderSkipped: false\r\n }\r\n ]\r\n}\r\n\r\nOutputs.Scales = {\r\n \"y-axis-1\": {\r\n position: \"left\",\r\n title: {\r\n display: true,\r\n text: \"Hello World\"\r\n }\r\n },\r\n \"y-axis-2\": {\r\n position: \"right\"\r\n },\r\n}\r\n","scriptInputs":[{"id":"pntk","label":"BackgroundColor1"},{"id":"7zd3","label":"BackgroundColor2"}]},"ports":[],"dynamicports":[{"name":"intype-BackgroundColor1","displayName":"Type","editorName":"BackgroundColor1 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"pntk","index":4},{"name":"in-BackgroundColor1","displayName":"BackgroundColor1","plug":"input","type":"string","group":"Inputs","index":5},{"name":"intype-BackgroundColor2","displayName":"Type","editorName":"BackgroundColor2 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"7zd3","index":6},{"name":"in-BackgroundColor2","displayName":"BackgroundColor2","plug":"input","type":"string","group":"Inputs","index":7},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":8},{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":9}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","type":"JavaScriptFunction","x":304.8061863977706,"y":371.99053134251363,"parameters":{"functionScript":"Outputs.Text = JSON.stringify(Inputs.Data, null, 2);"},"ports":[],"dynamicports":[{"name":"in-Data","displayName":"Data","plug":"input","type":"*","group":"Inputs","index":4},{"name":"out-Text","displayName":"Text","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["8f3503d3-0583-9ffb-f8b1-a55b596fc296"]}},{"name":"/Bar Charts/Floating Bars","id":"80596ae6-bd26-f40a-2b74-7eee3112eb38","graph":{"connections":[{"fromId":"c98978e7-2872-8e53-9e71-233473f02660","fromProperty":"out-Data","toId":"d3521b37-7c37-f2ed-ba3a-fca64151c68e","toProperty":"data"},{"fromId":"68e8ac14-ebd1-9038-86a7-75fc59a94bdc","fromProperty":"onClick","toId":"c98978e7-2872-8e53-9e71-233473f02660","toProperty":"run"},{"fromId":"af0d8758-39ec-b805-3a25-b4649c45693e","fromProperty":"didMount","toId":"c98978e7-2872-8e53-9e71-233473f02660","toProperty":"run"}],"roots":[{"id":"af0d8758-39ec-b805-3a25-b4649c45693e","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Floating Bars","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"floating-bars","index":15}],"children":[{"id":"dbfbcb21-503a-9448-be2e-bba53e89059a","type":"/#Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"d3521b37-7c37-f2ed-ba3a-fca64151c68e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Floating Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1be4eab7-8066-e89b-9b48-e4ea3b283fcc","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"68e8ac14-ebd1-9038-86a7-75fc59a94bdc","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"c98978e7-2872-8e53-9e71-233473f02660","type":"JavaScriptFunction","label":"Generate the Dataset","x":281.61237279554115,"y":90.64772935169401,"parameters":{"functionScript":"const backgroundColor1 = Inputs.BackgroundColor1 || \"rgb(255, 99, 132)\"\r\nconst backgroundColor2 = Inputs.BackgroundColor2 || \"rgb(54, 162, 235)\"\r\n\r\nconst labels = [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n]\r\n\r\nOutputs.Data = {\r\n labels,\r\n datasets: [\r\n {\r\n label: \"Dataset 1\",\r\n data: labels.map(() => {\r\n return [Utils.rand(-100, 100), Utils.rand(-100, 100)];\r\n }),\r\n backgroundColor: backgroundColor1\r\n },\r\n {\r\n label: \"Dataset 2\",\r\n data: labels.map(() => {\r\n return [Utils.rand(-100, 100), Utils.rand(-100, 100)];\r\n }),\r\n backgroundColor: backgroundColor2\r\n }\r\n ]\r\n}\r\n","scriptInputs":[{"id":"pntk","label":"BackgroundColor1"},{"id":"7zd3","label":"BackgroundColor2"}]},"ports":[],"dynamicports":[{"name":"intype-BackgroundColor1","displayName":"Type","editorName":"BackgroundColor1 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"pntk","index":4},{"name":"in-BackgroundColor1","displayName":"BackgroundColor1","plug":"input","type":"string","group":"Inputs","index":5},{"name":"intype-BackgroundColor2","displayName":"Type","editorName":"BackgroundColor2 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"7zd3","index":6},{"name":"in-BackgroundColor2","displayName":"BackgroundColor2","plug":"input","type":"string","group":"Inputs","index":7},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":8}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["af0d8758-39ec-b805-3a25-b4649c45693e"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1500,"y":1200}}},{"name":"/Bar Charts/Horizontal Bar Chart","id":"6e866966-74f3-e75a-18f5-7a94ff14a2ef","graph":{"connections":[{"fromId":"1ee5731a-aa37-8386-063e-27e5c76e303d","fromProperty":"out-Data","toId":"da617336-4a3c-5acc-76bb-ab663863652b","toProperty":"data"},{"fromId":"276341b3-574c-0fd6-687d-16f3c15ccbe5","fromProperty":"out-JSON","toId":"eea09fdb-7981-8269-78b3-960a247bc4fb","toProperty":"text"},{"fromId":"da617336-4a3c-5acc-76bb-ab663863652b","fromProperty":"chartOptions","toId":"276341b3-574c-0fd6-687d-16f3c15ccbe5","toProperty":"in-Value"},{"fromId":"051907eb-1cb2-0c50-de64-b033e3a603e1","fromProperty":"didMount","toId":"1ee5731a-aa37-8386-063e-27e5c76e303d","toProperty":"run"}],"roots":[{"id":"051907eb-1cb2-0c50-de64-b033e3a603e1","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Horizontal Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"horizontal-bar-chart","index":15}],"children":[{"id":"a46ce85e-201d-0640-cba7-5ebe7c0adea3","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"da617336-4a3c-5acc-76bb-ab663863652b","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Horizontal Bar Chart","plugins.title.display":true,"plugins.legend.position":"right","elements.bar.borderWidth":2,"indexAxis":"y"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"e2dd1c35-5d8b-7a0c-06d3-3849f03ec14f","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1ee5731a-aa37-8386-063e-27e5c76e303d","type":"JavaScriptFunction","x":-260.3333333333333,"y":105,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [-91.99588477, 52.35768176, -57.81550069, 61.43518519, 64.43072702, -1.91529492, 57.45884774],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [74.65192044, -58.97805213, -37.25823045, -50.31207133, 37.66289438, 43.95061728, -43.79458162],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"276341b3-574c-0fd6-687d-16f3c15ccbe5","type":"JavaScriptFunction","x":358.83333333333337,"y":264.5,"parameters":{"functionScript":"Outputs.JSON = JSON.stringify(Inputs.Value)"},"ports":[],"dynamicports":[{"name":"in-Value","displayName":"Value","plug":"input","type":"*","group":"Inputs","index":4},{"name":"out-JSON","displayName":"JSON","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"fb58aa89-ac92-1858-4225-0b2c44368900","type":"Group","x":20,"y":329,"parameters":{"flexDirection":"row"},"ports":[],"dynamicports":[],"children":[{"id":"697e3d7a-b6b5-bfb2-02ff-3413161907c1","type":"Group","parameters":{"width":{"value":50,"unit":"%"}},"ports":[],"dynamicports":[],"children":[]},{"id":"aaa4dd6d-350c-aa41-91f3-1af8e79801d2","type":"Group","parameters":{"width":{"value":50,"unit":"%"}},"ports":[],"dynamicports":[],"children":[{"id":"0c82e649-508e-5a78-c68d-c973beb3950c","type":"Text","parameters":{"text":"Chart.js Options","color":"Navigation Text","marginBottom":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"eea09fdb-7981-8269-78b3-960a247bc4fb","type":"Text","parameters":{"text":"","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]}]}],"visualRoots":["051907eb-1cb2-0c50-de64-b033e3a603e1","fb58aa89-ac92-1858-4225-0b2c44368900"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":3000,"y":1200}}},{"name":"/Bar Charts/Stacked Bar Chart","id":"4dc5f12d-d228-a38f-8ee9-5e7e06249152","graph":{"connections":[{"fromId":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","fromProperty":"out-Data","toId":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","toProperty":"data"},{"fromId":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","fromProperty":"out-Scales","toId":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","toProperty":"scales"},{"fromId":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","fromProperty":"didMount","toId":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","toProperty":"run"},{"fromId":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","fromProperty":"didMount","toId":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","toProperty":"run"}],"roots":[{"id":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-chart","index":15}],"children":[{"id":"49700566-e2fe-51bd-cc1e-7d91129b63bf","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart - Stacked","plugins.title.display":true,"scales.y.min":10,"scales.y.stacked":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"16d0cb5a-d0a8-3e13-c5a4-bd1434a826c5","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","type":"JavaScriptFunction","x":-297.3333333333333,"y":76,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n ],\r\n datasets: [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n [\r\n 16.299725651577518,\r\n 46.01251714677642\r\n ],\r\n [\r\n 4.6862139917695345,\r\n 28.74056927297667\r\n ],\r\n [\r\n -41.70096021947873,\r\n -18.366769547325106\r\n ],\r\n [\r\n 12.94067215363512,\r\n 3.455932784636502\r\n ],\r\n [\r\n -14.104938271604937,\r\n 52.23336762688615\r\n ],\r\n [\r\n 64.81652949245543,\r\n -99.19495884773663\r\n ],\r\n [\r\n 29.951989026063103,\r\n 25.714163237311396\r\n ]\r\n ],\r\n \"backgroundColor\": \"rgb(255, 99, 132)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n [\r\n 9.69650205761316,\r\n 29.429869684499323\r\n ],\r\n [\r\n -30.51783264746227,\r\n -4.097222222222214\r\n ],\r\n [\r\n -65.99965706447188,\r\n -20.54612482853223\r\n ],\r\n [\r\n -57.242798353909464,\r\n 26.996742112482863\r\n ],\r\n [\r\n -61.03737997256516,\r\n -66.40689300411523\r\n ],\r\n [\r\n -8.24759945130316,\r\n -68.6582647462277\r\n ],\r\n [\r\n 51.74382716049385,\r\n -88.39934842249657\r\n ]\r\n ],\r\n \"backgroundColor\": \"rgb(54, 162, 235)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","type":"JavaScriptFunction","x":-300.16666666666663,"y":176.5,"parameters":{"functionScript":"Outputs.Scales = {\r\n x: {\r\n stacked: true\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["b2f5b73b-e99d-206f-c6f8-cf40b9899771"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":4500,"y":1200}}},{"name":"/Bar Charts/Stacked Bar Chart with Groups","id":"a508eec2-e7e0-a0e4-2ab5-7fc3a4663667","graph":{"connections":[{"fromId":"59783de4-959d-9e37-3143-7a5bba64afa4","fromProperty":"out-Data","toId":"cd907e2b-f3f7-c405-43c0-879a2c44282e","toProperty":"data"},{"fromId":"110fb4d2-318e-6fba-aab4-589a552de861","fromProperty":"out-Scales","toId":"cd907e2b-f3f7-c405-43c0-879a2c44282e","toProperty":"scales"},{"fromId":"cabaef56-5233-8023-f3ef-886feb173cf8","fromProperty":"didMount","toId":"59783de4-959d-9e37-3143-7a5bba64afa4","toProperty":"run"},{"fromId":"cabaef56-5233-8023-f3ef-886feb173cf8","fromProperty":"didMount","toId":"110fb4d2-318e-6fba-aab4-589a552de861","toProperty":"run"}],"roots":[{"id":"cabaef56-5233-8023-f3ef-886feb173cf8","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Bar Chart with Groups","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-chart-with-groups","index":15}],"children":[{"id":"dd0ac646-a510-3aa6-7e74-85822cdc3000","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cd907e2b-f3f7-c405-43c0-879a2c44282e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart - Stacked","plugins.title.display":true,"intersect":false,"interaction.intersect":false},"ports":[],"dynamicports":[],"children":[]}]},{"id":"83643ac9-3d50-6491-eb87-a860c35cb324","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"59783de4-959d-9e37-3143-7a5bba64afa4","type":"JavaScriptFunction","x":-266.3333333333333,"y":87,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [78.51851852, -68.48593964, -84.83196159, 24.54218107, 91.73525377, 8.10528121, 79.82510288],\r\n \"backgroundColor\": \"rgb(255, 99, 132)\",\r\n \"stack\": \"Stack 0\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [-83.228738, 54.74622771, -88.96604938, 73.28875171, -78.24245542, -15.16460905, 27.95438957],\r\n \"backgroundColor\": \"rgb(54, 162, 235)\",\r\n \"stack\": \"Stack 0\"\r\n }, {\r\n \"label\": \"Dataset 3\",\r\n \"data\": [75.80589849, -32.10390947, 47.43484225, -16.4420439, -73.11728395, -1.60322359, -88.31961591],\r\n \"backgroundColor\": \"rgb(75, 192, 192)\",\r\n \"stack\": \"Stack 1\"\r\n }]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"110fb4d2-318e-6fba-aab4-589a552de861","type":"JavaScriptFunction","x":-262.16666666666663,"y":193.5,"parameters":{"functionScript":"Outputs.Scales = {\r\n x: {\r\n stacked: true\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["cabaef56-5233-8023-f3ef-886feb173cf8"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":6000,"y":1200}}},{"name":"/Bar Charts/Vertical Bar Chart","id":"df0c8d1a-742a-8f63-9e3e-f59fd651c2a5","graph":{"connections":[{"fromId":"fc622a49-d3c9-c54a-3a27-c6cc8d95109b","fromProperty":"out-Data","toId":"f3eb2a50-9b21-ab3f-64c1-c626df7af73e","toProperty":"data"}],"roots":[{"id":"9bd78d8b-6dab-f443-8571-35e5ba49a9d5","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Vertical Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"vertical-bar-chart","index":15}],"children":[{"id":"c82f2b1e-9cc9-c5e4-179c-46030a7221bf","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"f3eb2a50-9b21-ab3f-64c1-c626df7af73e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f7e0c36d-c586-c02a-e276-6fad269d75d1","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"fc622a49-d3c9-c54a-3a27-c6cc8d95109b","type":"JavaScriptFunction","x":-256.3333333333333,"y":169,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [-40.08230453, 52.41941015, -20.71673525, -42.20679012, -24.39643347, 12.96124829, -1.73868313],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [96.93587106, -66.32373114, -52.01131687, 83.0829904, 8.09499314, 73.64197531, 0.71159122],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }]\r\n}"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["9bd78d8b-6dab-f443-8571-35e5ba49a9d5"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":7500,"y":1200}}},{"name":"/Home","id":"d1a5e184-e937-bc07-2e24-ac55ded032b7","graph":{"connections":[{"fromId":"5d745541-401a-8219-76de-a3c968a127b5","fromProperty":"onClick","toId":"a34da570-7db0-22bd-6619-dc2ee548f965","toProperty":"do"}],"roots":[{"id":"0d50b10d-b859-c47c-0f61-2763c78f771f","type":"Page","x":0,"y":0,"parameters":{"paddingTop":{"value":16,"unit":"px"},"paddingLeft":{"value":16,"unit":"px"},"paddingRight":{"value":16,"unit":"px"},"urlPath":"/"},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Home","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"home","index":15}],"children":[{"id":"a778646e-7ed5-f0a6-9a1a-08c457384198","type":"Group","variant":"Card","parameters":{"minWidth":{"value":500,"unit":"px"},"minHeight":{"value":500,"unit":"px"},"sizeMode":"contentHeight","backgroundColor":"Navigation 2","borderColor":"Navigation 1","borderWidth":{"value":2,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"2f8a70a0-8245-2d52-a8d4-fa80f02b5f2b","type":"Text","parameters":{"text":"Chart.js Module Preview","marginBottom":{"value":16,"unit":"px"},"color":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[]},{"id":"5cba6716-b0d2-2066-1de5-32fcebeede52","type":"Text","parameters":{"text":"All these samples are based on the Chart.js Samples.\n\nChart.js comes with built-in chart types:\n* line and area\n* bar\n* radar\n* doughnut\n* pie\n* polar area\n* bubble\n* scatter","sizeMode":"contentSize","color":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[]},{"id":"5d745541-401a-8219-76de-a3c968a127b5","type":"Text","parameters":{"text":"Open Chart.js Samples","color":"#1400FF","sizeMode":"contentSize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"b55a86e4-22a8-c722-c5be-e13d29518b28","type":"PageInputs","x":-445,"y":9,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"a34da570-7db0-22bd-6619-dc2ee548f965","type":"net.noodl.externallink","x":279.16666666666674,"y":246.5,"parameters":{"link":"https://www.chartjs.org/docs/latest/samples"},"ports":[],"dynamicports":[],"children":[]}],"visualRoots":["0d50b10d-b859-c47c-0f61-2763c78f771f"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1513.25384087447,"y":-30.92562870709705}}},{"name":"/Line Charts/Interpolation Modes","id":"64948d93-938e-1849-4ea1-a05bd785ffbe","graph":{"connections":[{"fromId":"f7cfbc6c-7500-cda6-c877-a946d9cc9bb8","fromProperty":"out-Data","toId":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","toProperty":"data"},{"fromId":"be714ecd-45bf-085b-4229-c0bc818d35ac","fromProperty":"out-Scales","toId":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","toProperty":"scales"}],"roots":[{"id":"1d24b190-466b-6599-16cb-05270ca6d780","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Interpolation Modes","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"interpolation-modes","index":15}],"children":[{"id":"6a8aacdf-f191-72d5-10ce-e76b18b77665","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart - Cubic interpolation mode"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"643744ce-4c35-5f4a-805e-2c5729e298d0","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f7cfbc6c-7500-cda6-c877-a946d9cc9bb8","type":"JavaScriptFunction","x":-313.3333333333333,"y":100,"parameters":{"functionScript":"Outputs.Data = {\n labels: [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"11\"],\n datasets: [\n {\n \"label\": \"Cubic interpolation (monotone)\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"fill\": false,\n \"cubicInterpolationMode\": \"monotone\",\n \"tension\": 0.4\n },\n {\n \"label\": \"Cubic interpolation\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"fill\": false,\n \"tension\": 0.4\n },\n {\n \"label\": \"Linear interpolation (default)\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(75, 192, 192)\",\n \"fill\": false\n }\n ]\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"be714ecd-45bf-085b-4229-c0bc818d35ac","type":"JavaScriptFunction","x":-316.81100195045815,"y":241.0233296892771,"parameters":{"functionScript":"Outputs.Scales = {\n x: {\n display: true,\n title: {\n display: true\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n },\n suggestedMin: -10,\n suggestedMax: 200\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["1d24b190-466b-6599-16cb-05270ca6d780"]},"metadata":{"canvasPos":{"x":-12.681806515365473,"y":2400}}},{"name":"/Line Charts/Line Chart","id":"69c7f4a9-7b09-7a70-9929-b7dcec7bcf2f","graph":{"connections":[{"fromId":"52b66f8e-ddca-6e5a-b349-5088b53852b9","fromProperty":"out-Data","toId":"7007acb6-f34a-81f9-a084-683fc6e61245","toProperty":"data"}],"roots":[{"id":"2ba2681f-947a-3ffe-43ac-42171e3ff345","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-chart","index":15}],"children":[{"id":"c5d05082-de17-aee3-74d8-49550335019f","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"7007acb6-f34a-81f9-a084-683fc6e61245","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"43874c75-7db0-a294-ae1d-dcdd64fd7561","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"52b66f8e-ddca-6e5a-b349-5088b53852b9","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n \"label\": \"Dataset 1\",\n \"data\": [\n -95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,\n -58.07098765, 41.22085048\n ],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\n },\n {\n \"label\": \"Dataset 2\",\n \"data\": [\n 48.94890261, 26.84156379, 73.66426612, -52.55829904, 21.01337449,\n -29.07750343, -0.36179698\n ],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\n }\n ]\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["2ba2681f-947a-3ffe-43ac-42171e3ff345"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1480,"y":2380}}},{"name":"/Line Charts/Line Segment Styling","id":"a79d225a-bd1f-750f-1bd0-49b184770a16","graph":{"connections":[{"fromId":"b6eb6e8b-3c5b-e391-6242-7c4f56ddf8c4","fromProperty":"out-Data","toId":"f098cfbf-a9ea-3bad-da2d-6cc7278a7873","toProperty":"data"}],"roots":[{"id":"6883756a-90d9-4f36-51cb-b90b00b73bc4","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Segment Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-segment-styling","index":15}],"children":[{"id":"bd91cd61-2702-5615-3b11-83777a6dfc20","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"f098cfbf-a9ea-3bad-da2d-6cc7278a7873","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"7f43eeca-e4bb-ac5e-5595-e9083d6f3459","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"b6eb6e8b-3c5b-e391-6242-7c4f56ddf8c4","type":"JavaScriptFunction","x":-359.3333333333333,"y":104,"parameters":{"functionScript":"const skipped = (ctx, value) => ctx.p0.skip || ctx.p1.skip ? value : undefined;\r\nconst down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ? value : undefined;\r\n\r\nOutputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n label: 'My First Dataset',\r\n data: [65, 59, NaN, 48, 56, 57, 40],\r\n borderColor: 'rgb(75, 192, 192)',\r\n segment: {\r\n borderColor: ctx => skipped(ctx, 'rgb(0,0,0,0.2)') || down(ctx, 'rgb(192,75,75)'),\r\n borderDash: ctx => skipped(ctx, [6, 6]),\r\n },\r\n spanGaps: true\r\n }]\r\n}"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["6883756a-90d9-4f36-51cb-b90b00b73bc4"]},"metadata":{"canvasPos":{"x":3045,"y":2470}}},{"name":"/Line Charts/Line Styling","id":"69ba6432-6ee5-b9ca-7241-46ad48a608ec","graph":{"connections":[{"fromId":"f5e5a63d-dca9-f018-d9ca-c2b4b0ab6f1b","fromProperty":"out-Data","toId":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","toProperty":"data"},{"fromId":"caee7d53-780e-84d7-cbec-b45f7aa67eb1","fromProperty":"out-Scales","toId":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","toProperty":"scales"}],"roots":[{"id":"dc69cc23-74cb-e30f-7f90-7c5d1dedfb86","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-styling","index":15}],"children":[{"id":"be14469a-0617-febd-ec50-9fb2eeb128e5","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart","interaction.mode":"index"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d80048d1-4555-b514-8ab7-daf65c3edac0","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f5e5a63d-dca9-f018-d9ca-c2b4b0ab6f1b","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Unfilled\",\r\n \"fill\": false,\r\n \"backgroundColor\": \"rgb(54, 162, 235)\",\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"data\": [\r\n 99.42043896, 26.9015775, -23.60082305, -42.21021948, -93.12414266,\r\n 40.94135802, -52.35939643\r\n ]\r\n },\r\n {\r\n \"label\": \"Dashed\",\r\n \"fill\": false,\r\n \"backgroundColor\": \"rgb(75, 192, 192)\",\r\n \"borderColor\": \"rgb(75, 192, 192)\",\r\n \"borderDash\": [5, 5],\r\n \"data\": [\r\n 7.22050754, -51.92386831, -64.36042524, -5.39780521, -35.52983539,\r\n -11.54663923, -64.31241427\r\n ]\r\n },\r\n {\r\n \"label\": \"Filled\",\r\n \"backgroundColor\": \"rgb(255, 99, 132)\",\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"data\": [\r\n -43.20987654, -27.25137174, 97.14334705, -8.2973251, -44.8079561,\r\n -54.3638546, -64.1255144\r\n ],\r\n \"fill\": true\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"caee7d53-780e-84d7-cbec-b45f7aa67eb1","type":"JavaScriptFunction","x":-366.66666666666663,"y":274.5,"parameters":{"functionScript":"Outputs.Scales = {\n x: {\n display: true,\n title: {\n display: true,\n text: 'Month'\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n }\n }\n}\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["dc69cc23-74cb-e30f-7f90-7c5d1dedfb86"]},"metadata":{"canvasPos":{"x":4540,"y":2460}}},{"name":"/Line Charts/Multi Axis Line Chart","id":"99d373d1-2e85-681a-ccc0-bd9f60c9f1c6","graph":{"connections":[{"fromId":"9193bad1-4aae-b6b4-9c22-1aaf24087534","fromProperty":"out-Data","toId":"8dbb0450-fcdb-9aec-b7ec-4487c08a70a3","toProperty":"data"}],"roots":[{"id":"37493aec-db12-8fe8-58d3-57b9ea16953f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Multi Axis Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"multi-axis-line-chart","index":15}],"children":[{"id":"ec486e13-f9af-29d7-7fd5-a71f58f990f1","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"8dbb0450-fcdb-9aec-b7ec-4487c08a70a3","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9ca9c6ce-9209-9214-1b7d-75219b7cde0d","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9193bad1-4aae-b6b4-9c22-1aaf24087534","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n -68.89917695, -66.52091907, 96.14540466, -8.06069959, 97.40397805,\r\n 15.00857339, 28.7037037\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"yAxisID\": \"y\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n -7.18964335, -45.75788752, -91.93930041, 86.3648834, -19.48731139,\r\n 96.67695473, 44.73422497\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"yAxisID\": \"y1\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["37493aec-db12-8fe8-58d3-57b9ea16953f"]},"metadata":{"canvasPos":{"x":6023.333222061486,"y":2430}}},{"name":"/Line Charts/Point Styling","id":"82dc8e49-e1d0-5215-f261-2dfa4437e413","graph":{"connections":[{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Data","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"data"},{"fromId":"fd85357d-a069-fedb-d846-bc01ba62b818","fromProperty":"didMount","toId":"c00f7a56-68ed-d61f-00f2-d1e4552440cf","toProperty":"store"},{"fromId":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","fromProperty":"formatted","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"plugins.title.text"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Point Style","toId":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","toProperty":"PointStyle"},{"fromId":"e912324a-8f9d-05ef-a972-e4f7edf40ba7","fromProperty":"value-Point Style","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"in-PointStyle"},{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Data","toId":"b98fc279-115f-0602-dfee-fe483a8f13a1","toProperty":"prop-Data"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Data","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"in-Data"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Point Style","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"in-PointStyle"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"changed","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"run"},{"fromId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","fromProperty":"out-Data","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"data"},{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Done","toId":"b98fc279-115f-0602-dfee-fe483a8f13a1","toProperty":"store"},{"fromId":"efa86cff-96f4-f5bb-4fa1-3332657073d5","fromProperty":"out-Items","toId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","toProperty":"items"},{"fromId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","fromProperty":"onChange","toId":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","toProperty":"store"},{"fromId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","fromProperty":"value","toId":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","toProperty":"prop-Point Style"},{"fromId":"fd85357d-a069-fedb-d846-bc01ba62b818","fromProperty":"didMount","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"run"},{"fromId":"eb2b2c7e-b73b-36a1-e5ec-9d27d1c6718c","fromProperty":"onClick","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"run"},{"fromId":"095277e2-d62a-dfc8-d98f-04dc7789eec7","fromProperty":"out-Animations","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"animations"}],"roots":[{"id":"fd85357d-a069-fedb-d846-bc01ba62b818","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Point Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"point-styling","index":15}],"children":[{"id":"d13264f2-1c19-5e19-2370-3f2e0a40e3be","type":"/#Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"044b6b1a-b750-18e5-4684-139a710a42c3","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Point Style","animateOnDataUpdate":false},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0d4862f4-1562-de7a-d70c-237bb0fae516","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"eb2b2c7e-b73b-36a1-e5ec-9d27d1c6718c","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]},{"id":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","type":"net.noodl.controls.options","parameters":{"marginBottom":{"value":6,"unit":"px"},"useLabel":true,"label":"Point Style","value":"circle","color":"#AAAA9F","backgroundColor":"Background 1","borderColor":"Background 2"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","type":"JavaScriptFunction","label":"Generate the Dataset","x":408.37321020594436,"y":-20.554234594827847,"parameters":{"functionScript":"const pointStyle = Inputs.PointStyle\r\n\r\nOutputs.Data = {\r\n labels: [\"Day 1\", \"Day 2\", \"Day 3\", \"Day 4\", \"Day 5\", \"Day 6\"],\r\n datasets: [\r\n {\r\n label: \"Dataset\",\r\n data: Utils.numbers({count: 6, min: -100, max: 100}),\r\n borderColor: \"rgb(255, 99, 132)\",\r\n backgroundColor: \"rgba(255, 99, 132, 0.5)\",\r\n pointStyle: pointStyle,\r\n pointRadius: 10,\r\n pointHoverRadius: 15\r\n }\r\n ]\r\n}\r\n\r\nOutputs.Done()\r\n","scriptOutputs":[{"id":"x9ou","label":"Done"},{"id":"dw6a","label":"Data"}],"outtype-Data":"object","outtype-Done":"signal","scriptInputs":[{"id":"p0zp","label":"Done"}],"intype-Done":"object","intype-Numbers":"array"},"ports":[],"dynamicports":[{"name":"outtype-Done","displayName":"Type","editorName":"Done | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"x9ou","index":4},{"name":"out-Done","displayName":"Done","plug":"output","type":"signal","group":"Outputs","index":5},{"name":"outtype-Data","displayName":"Type","editorName":"Data | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"dw6a","index":6},{"name":"out-Data","displayName":"Data","plug":"output","type":"object","group":"Outputs","index":7},{"name":"intype-Done","displayName":"Type","editorName":"Done | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"p0zp","index":8},{"name":"in-Done","displayName":"Done","plug":"input","type":"object","group":"Inputs","index":9},{"name":"in-PointStyle","displayName":"PointStyle","plug":"input","type":"*","group":"Inputs","index":10}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","type":"net.noodl.ComponentObject","x":-605.1194405858288,"y":142.01814171318847,"parameters":{"properties":"Point Style,Data"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Point Style","displayName":"Point Style","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Point Style Changed","name":"changed-Point Style","index":5},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Data","displayName":"Data","index":6},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Data Changed","name":"changed-Data","index":7}],"children":[]},{"id":"c00f7a56-68ed-d61f-00f2-d1e4552440cf","type":"net.noodl.SetComponentObjectProperties","label":"Set Initial values","x":-27.558411219115897,"y":-225.40903766590077,"parameters":{"properties":"Point Style","type-Point Style":"string","prop-Point Style":"circle"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"Point Style","name":"prop-Point Style","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Point Style","name":"type-Point Style","index":4}],"children":[]},{"id":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","type":"String Format","x":-300.23296407002306,"y":91.9731053707601,"parameters":{"format":"Point Style: {PointStyle}\n"},"ports":[],"dynamicports":[{"name":"PointStyle","type":"string","plug":"input","index":2}],"children":[]},{"id":"e912324a-8f9d-05ef-a972-e4f7edf40ba7","type":"net.noodl.ComponentObject","x":701.6931642965237,"y":96.19514285177337,"parameters":{"properties":"Point Style"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Point Style","displayName":"Point Style","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Point Style Changed","name":"changed-Point Style","index":5}],"children":[]},{"id":"b98fc279-115f-0602-dfee-fe483a8f13a1","type":"net.noodl.SetComponentObjectProperties","x":697.9895781653156,"y":-105.73786578145922,"parameters":{"properties":"Data","type-Point Style":"string","prop-Point Style":"circle","type-Data":"object"},"ports":[],"dynamicports":[{"type":{"name":"object"},"plug":"input","group":"Property Values","displayName":"Data","name":"prop-Data","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Data","name":"type-Data","index":4}],"children":[]},{"id":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","type":"JavaScriptFunction","label":"Update Point Style on Dataset ","x":-299.868923031313,"y":191.99259075691776,"parameters":{"functionScript":"const pointStyle = Inputs.PointStyle\r\nconst data = Inputs.Data\r\n\r\ndata.datasets.forEach((dataset) => {\r\n dataset.pointStyle = pointStyle\r\n})\r\n\r\nOutputs.Data = data\r\n"},"ports":[],"dynamicports":[{"name":"in-PointStyle","displayName":"PointStyle","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-Data","displayName":"Data","plug":"input","type":"*","group":"Inputs","index":5},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"efa86cff-96f4-f5bb-4fa1-3332657073d5","type":"JavaScriptFunction","label":"Point Style Items","x":-304,"y":568,"parameters":{"functionScript":"Outputs.Items = [\r\n {\r\n Label: \"circle (default)\",\r\n Value: \"circle\",\r\n },\r\n {\r\n Label: \"cross\",\r\n Value: \"cross\",\r\n },\r\n {\r\n Label: \"crossRot\",\r\n Value: \"crossRot\",\r\n },\r\n {\r\n Label: \"dash\",\r\n Value: \"dash\",\r\n },\r\n {\r\n Label: \"line\",\r\n Value: \"line\",\r\n },\r\n {\r\n Label: \"rect\",\r\n Value: \"rect\",\r\n },\r\n {\r\n Label: \"rectRounded\",\r\n Value: \"rectRounded\",\r\n },\r\n {\r\n Label: \"rectRot\",\r\n Value: \"rectRot\",\r\n },\r\n {\r\n Label: \"star\",\r\n Value: \"star\",\r\n },\r\n {\r\n Label: \"triangle\",\r\n Value: \"triangle\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Items","displayName":"Items","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","type":"net.noodl.SetComponentObjectProperties","label":"Set Component Object Properties","x":391.52841226798216,"y":376.47166769252954,"parameters":{"properties":"Point Style","type-Point Style":"string","prop-Point Style":"cross"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"Point Style","name":"prop-Point Style","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Point Style","name":"type-Point Style","index":4}],"children":[]},{"id":"095277e2-d62a-dfc8-d98f-04dc7789eec7","type":"JavaScriptFunction","label":"","x":-304,"y":392,"parameters":{"functionScript":"Outputs.Animations = {\r\n tension: {\r\n duration: 1000,\r\n easing: 'linear',\r\n from: 1,\r\n to: 0,\r\n loop: true\r\n }\r\n}"},"ports":[],"dynamicports":[{"name":"out-Animations","displayName":"Animations","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["fd85357d-a069-fedb-d846-bc01ba62b818"]},"metadata":{"canvasPos":{"x":7520,"y":2500}}},{"name":"/Line Charts/Stacked Line Chart","id":"7283858f-5766-df92-2342-cafc10848eff","graph":{"connections":[{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Data","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"data"},{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Scales","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"scales"},{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Plugins","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"customPlugins"}],"roots":[{"id":"841c9d93-c153-d72d-2ff1-dc22c892d6b2","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-line-chart","index":15}],"children":[{"id":"00129b7c-445b-4b51-37b4-e5b5e8fba92f","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","type":"Line Chart","label":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Stacked Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"ab1c0abb-380b-a847-4c47-b4344cd879ac","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"99bc143a-b842-fdee-1e7d-48e4654b608c","type":"JavaScriptFunction","x":-344,"y":96,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n stacked: true\n }\n}\n\nOutputs.Data = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n \"label\": \"Dataset 1\",\n \"data\": [\n 95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,\n 58.07098765, 41.22085048\n ],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\n fill: true\n },\n {\n \"label\": \"Dataset 2\",\n \"data\": [\n 48.94890261, 26.84156379, 73.66426612, 52.55829904, 21.01337449,\n 29.07750343, 0.36179698\n ],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\n fill: true\n }\n ]\n}\n\nOutputs.Plugins = {\n filler: {\n propagate: true\n }\n};\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":5},{"name":"out-Plugins","displayName":"Plugins","plug":"output","type":"*","group":"Outputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["841c9d93-c153-d72d-2ff1-dc22c892d6b2"]}},{"name":"/Line Charts/Stepped Line Charts","id":"229beedb-37ab-ff99-33cd-caf8f8ac96e1","graph":{"connections":[{"fromId":"1c3aa8fd-a7f6-0321-4cc9-896c479f8b27","fromProperty":"out-Data","toId":"3628b88c-1f50-d135-8336-6201d9c5bd8f","toProperty":"data"}],"roots":[{"id":"dc6b6876-19f2-98aa-7092-ca62307ab966","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stepped Line Charts","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stepped-line-charts","index":15}],"children":[{"id":"faad61b5-4fc8-c5d5-b8d7-3395747320c7","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"3628b88c-1f50-d135-8336-6201d9c5bd8f","type":"Line Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"7e536ad6-6793-9c16-6d5a-3c81f99f9560","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1c3aa8fd-a7f6-0321-4cc9-896c479f8b27","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"Day 1\", \"Day 2\", \"Day 3\", \"Day 4\", \"Day 5\", \"Day 6\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset\",\r\n \"data\": [\r\n -90.74759945, 69.24382716, -42.57544582, 87.37482853, -79.17695473,\r\n -43.46536351\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"fill\": false,\r\n \"stepped\": true\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["dc6b6876-19f2-98aa-7092-ca62307ab966"]},"metadata":{"canvasPos":{"x":8950,"y":2410}}},{"name":"/Other Charts/Bubble","id":"020b9971-b617-056c-f834-84c8bdd511f0","graph":{"connections":[{"fromId":"d438022d-aff8-5176-9b5e-72caa274221b","fromProperty":"out-Data","toId":"ebe98911-4ff9-2741-61fe-b505cb37b7fa","toProperty":"data"}],"roots":[{"id":"9288ac4b-998e-81f7-9240-26eb90e196c9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Bubble","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"bubble","index":15}],"children":[{"id":"26b26232-4d0f-ed8e-c0dc-b3aae399c88c","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"ebe98911-4ff9-2741-61fe-b505cb37b7fa","type":"Bubble Chart","parameters":{"plugins.title.text":"Chart.js Bubble Chart'","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8e4d7ffa-5f3d-1df2-832b-ba594147ce7f","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d438022d-aff8-5176-9b5e-72caa274221b","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 6.64266118, \"y\": 17.53858025, \"r\": 9.314643347050755 },\r\n { \"x\": 96.5149177, \"y\": 11.62894376, \"r\": 7.610982510288066 },\r\n { \"x\": 76.40775034, \"y\": 26.60408093, \"r\": 11.861539780521262 },\r\n { \"x\": 58.66683813, \"y\": 93.3281893, \"r\": 6.294710219478738 },\r\n { \"x\": 63.04526749, \"y\": 61.18398491, \"r\": 9.212962962962962 },\r\n { \"x\": 61.14797668, \"y\": 9.18381344, \"r\": 11.881730109739369 },\r\n { \"x\": 87.54286694, \"y\": 23.74742798, \"r\": 14.084962277091908 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 13.47350823, \"y\": 60.22333676, \"r\": 10.254929698216735 },\r\n { \"x\": 18.52066187, \"y\": 81.83427641, \"r\": 13.214334705075446 },\r\n { \"x\": 18.52666324, \"y\": 36.67566872, \"r\": 8.640303497942387 },\r\n { \"x\": 88.80015432, \"y\": 63.01911866, \"r\": 5.576045953360769 },\r\n { \"x\": 89.83496228, \"y\": 62.0991941, \"r\": 14.91662379972565 },\r\n { \"x\": 78.42121056, \"y\": 75.8912037, \"r\": 11.631172839506174 },\r\n { \"x\": 85.42309671, \"y\": 31.55564129, \"r\": 13.65179183813443 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["9288ac4b-998e-81f7-9240-26eb90e196c9"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":3600}}},{"name":"/Other Charts/Combo bar line","id":"30a9d5ed-cc92-bdb6-e23b-8c9c673f739a","graph":{"connections":[{"fromId":"01eab77b-82c6-552d-8402-4649ee2d415e","fromProperty":"out-Data","toId":"de2796dc-6d2e-40c2-a54d-6af6aab9f04b","toProperty":"data"}],"roots":[{"id":"01e4d0ba-a4d7-7859-99bb-0e7370d4e8f9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Combo bar line","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"combo-bar-line","index":15}],"children":[{"id":"c0f66e8e-0a8f-1790-8c84-0351b29c3111","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"de2796dc-6d2e-40c2-a54d-6af6aab9f04b","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Combined Line/Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"54cfb28b-4534-4782-a46c-431fa606b14f","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"01eab77b-82c6-552d-8402-4649ee2d415e","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 43.68312757, -4.55589849, -62.87722908, 19.33641975, -36.92729767,\r\n 81.91186557, 37.58230453\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"order\": 1\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n -71.1505487, -86.26200274, -34.91255144, -40.55898491, 99.26783265,\r\n 68.51851852, -78.48593964\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"type\": \"line\",\r\n \"order\": 0\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["01e4d0ba-a4d7-7859-99bb-0e7370d4e8f9"]},"metadata":{"canvasPos":{"x":1530,"y":3630}}},{"name":"/Other Charts/Doughnut","id":"c44ce2eb-c125-ce00-64e2-6e3099b69321","graph":{"connections":[{"fromId":"31f10e0c-26d2-6219-240b-f4d900929f65","fromProperty":"out-Data","toId":"fdb39ab4-ee47-555f-b424-22a3ba59cc88","toProperty":"data"}],"roots":[{"id":"fe766121-2aaf-3861-3eb0-53711a059e53","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Doughnut","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"doughnut","index":15}],"children":[{"id":"2c54a54c-9917-8a0a-8a6e-372a42857ac2","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"fdb39ab4-ee47-555f-b424-22a3ba59cc88","type":"Doughnut Chart","parameters":{"plugins.title.text":"Chart.js Doughnut Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4673050f-44da-25be-e2e4-5c58981f26d9","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"31f10e0c-26d2-6219-240b-f4d900929f65","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"Red\", \"Orange\", \"Yellow\", \"Green\", \"Blue\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [96.79955418, 80.80761317, 36.31772977, 64.56447188, 7.52314815],\r\n \"backgroundColor\": [\r\n \"rgb(255, 99, 132)\",\r\n \"rgb(255, 159, 64)\",\r\n \"rgb(255, 205, 86)\",\r\n \"rgb(75, 192, 192)\",\r\n \"rgb(54, 162, 235)\",\r\n \"rgb(153, 102, 255)\",\r\n \"rgb(201, 203, 207)\",\r\n \"rgba(255, 99, 132, 0.5)\",\r\n \"rgba(255, 99, 132, 0.5)\",\r\n \"rgba(75, 192, 192, 0.5)\",\r\n \"rgba(54, 162, 235, 0.5)\"\r\n ]\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["fe766121-2aaf-3861-3eb0-53711a059e53"]},"metadata":{"canvasPos":{"x":2975,"y":3570}}},{"name":"/Other Charts/Pie","id":"2614d74b-5049-e5ec-35e9-8a16be07415e","graph":{"connections":[{"fromId":"35f48a5f-d27b-b6e5-aa97-93c1c7a584f8","fromProperty":"out-Data","toId":"bb6cc8ed-d85d-a4a5-ab3a-b1aa40e27d56","toProperty":"data"}],"roots":[{"id":"2392f2aa-b100-4aeb-688a-6353bf1ad1ec","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Pie","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"pie","index":15}],"children":[{"id":"61544543-35ae-c1bc-455f-2e348b4bdbd1","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"bb6cc8ed-d85d-a4a5-ab3a-b1aa40e27d56","type":"Pie Chart","parameters":{"plugins.legend.position":"bottom","plugins.title.text":"Chart.js Pie Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"6967ff0d-b801-57b4-32e9-497d67c5417b","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"35f48a5f-d27b-b6e5-aa97-93c1c7a584f8","type":"JavaScriptFunction","x":-349.3333333333333,"y":108,"parameters":{"functionScript":"Outputs.Data = {\r\n datasets: [{\r\n data: [10, 20, 30],\r\n backgroundColor: [\r\n '#FF5382',\r\n '#FFCC34',\r\n '#00A3F1'\r\n ],\r\n }],\r\n labels: [\r\n 'Red',\r\n 'Yellow',\r\n 'Blue'\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["2392f2aa-b100-4aeb-688a-6353bf1ad1ec"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":4610,"y":3560}}},{"name":"/Other Charts/Polar area","id":"2f9ca43e-ddd4-46a3-8fed-d506cca988d9","graph":{"connections":[{"fromId":"8e79311d-6482-a647-97a0-80727620ca8f","fromProperty":"out-Data","toId":"d1502093-6864-6441-751c-a129a9c007f3","toProperty":"data"}],"roots":[{"id":"08ef6cbd-10ff-c93c-3d1b-7558ae10dd24","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Polar area","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"polar-area","index":15}],"children":[{"id":"383467bc-c894-ace6-f325-b7a880c726ee","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"d1502093-6864-6441-751c-a129a9c007f3","type":"Polar Area Chart","parameters":{"plugins.title.text":"Chart.js Polar Area Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d43f2213-b197-8bda-a865-950efe616976","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8e79311d-6482-a647-97a0-80727620ca8f","type":"JavaScriptFunction","x":-271.16666666666663,"y":199.5,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,\r\n 33.50823045, 9.38871742\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,\r\n 76.09139232, 68.53566529\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["08ef6cbd-10ff-c93c-3d1b-7558ae10dd24"]},"metadata":{"canvasPos":{"x":6115,"y":3580}}},{"name":"/Other Charts/Polar area centered point labels","id":"0972cbf1-a38f-2148-10c1-19b60177ad31","graph":{"connections":[{"fromId":"52b57ff7-34e8-4d8a-6d90-35dd609742e6","fromProperty":"out-Scales","toId":"319c96c1-828f-0c18-b4a7-d29fa491095b","toProperty":"scales"},{"fromId":"d553c74d-5c4d-41f5-515d-7507a616cc64","fromProperty":"out-Data","toId":"319c96c1-828f-0c18-b4a7-d29fa491095b","toProperty":"data"}],"roots":[{"id":"1b4a0322-5793-7bd6-d86e-d6c55f70f910","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Polar area centered point labels","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"polar-area-centered-point-labels","index":15}],"children":[{"id":"09758a37-e5a4-3e95-190a-711718e7a385","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"319c96c1-828f-0c18-b4a7-d29fa491095b","type":"Polar Area Chart","parameters":{"plugins.title.text":"Chart.js Polar Area Chart With Centered Point Labels","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"22786594-6a89-85e8-7948-77bfb57014ed","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d553c74d-5c4d-41f5-515d-7507a616cc64","type":"JavaScriptFunction","x":-346.3333333333333,"y":92,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,\r\n 33.50823045, 9.38871742\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,\r\n 76.09139232, 68.53566529\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"52b57ff7-34e8-4d8a-6d90-35dd609742e6","type":"JavaScriptFunction","x":-344.16666666666663,"y":212.5,"parameters":{"functionScript":"Outputs.Scales = {\n r: {\n pointLabels: {\n display: true,\n centerPointLabels: true,\n font: {\n size: 18\n }\n }\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["1b4a0322-5793-7bd6-d86e-d6c55f70f910"]},"metadata":{"canvasPos":{"x":7530,"y":3520}}},{"name":"/Other Charts/Radar","id":"95eeeeaf-da75-e79c-24e7-6d4739b47b9c","graph":{"connections":[{"fromId":"0325bee1-0410-f4eb-444b-621715375a17","fromProperty":"out-Data","toId":"cb54c3cb-c2ff-eb78-b669-33e452e56942","toProperty":"data"}],"roots":[{"id":"7261ae88-fcfb-4ff8-8734-c9ecdce4cfdb","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Radar","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"radar","index":15}],"children":[{"id":"31db423a-cf8c-9425-164d-1e427f4da703","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cb54c3cb-c2ff-eb78-b669-33e452e56942","type":"Radar Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"Chart.js Radar Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"16ba1cf0-7700-10ca-6fca-b195d4ec6e0d","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0325bee1-0410-f4eb-444b-621715375a17","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 68.09585048, 29.88168724, 29.83624829, 69.19410151, 89.93055556,\r\n 19.20610425, 80.47753772\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 71.27572016, 7.65003429, 35.27949246, 7.2505144, 28.50137174,\r\n 66.93329904, 31.1882716\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["7261ae88-fcfb-4ff8-8734-c9ecdce4cfdb"]},"metadata":{"canvasPos":{"x":8980,"y":3510}}},{"name":"/Other Charts/Radar skip points","id":"ad0d855f-d15a-9bd6-6866-d542208d4522","graph":{"connections":[{"fromId":"047e62cd-34a7-a0ba-fa1e-bee17efbab76","fromProperty":"out-Data","toId":"0bcdd733-44ff-b197-25d9-b2b29e5e5afe","toProperty":"data"}],"roots":[{"id":"4a3f35f1-200c-65b8-3246-23f482694338","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Radar skip points","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"radar-skip-points","index":15}],"children":[{"id":"68c0b786-95bf-09d5-14b4-d7e926bab892","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"0bcdd733-44ff-b197-25d9-b2b29e5e5afe","type":"Radar Chart","parameters":{"plugins.title.text":"Chart.js Radar Skip Points Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"a8c26e08-0b19-f4d2-85b7-1d603d4b822f","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"047e62cd-34a7-a0ba-fa1e-bee17efbab76","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Skip first dataset\",\r\n \"data\": [\r\n null,\r\n 8.54423868,\r\n 6.02966392,\r\n 61.43689986,\r\n 27.85236626,\r\n 10.21433471,\r\n 76.42403978\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Skip mid dataset\",\r\n \"data\": [\r\n 35.12345679,\r\n 80.13974623,\r\n 1.59636488,\r\n null,\r\n 49.13923182,\r\n 70.2872085,\r\n 46.88786008\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Skip last dataset\",\r\n \"data\": [\r\n 50.54612483,\r\n 15.82990398,\r\n 18.04783951,\r\n 17.69375857,\r\n 71.55778464,\r\n 10.50411523,\r\n null\r\n ],\r\n \"borderColor\": \"rgb(75, 192, 192)\",\r\n \"backgroundColor\": \"rgba(75, 192, 192, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["4a3f35f1-200c-65b8-3246-23f482694338"]},"metadata":{"canvasPos":{"x":10505,"y":3520}}},{"name":"/Other Charts/Scatter","id":"2100ab03-94f0-fff8-b280-5871721c0f63","graph":{"connections":[{"fromId":"38359c6f-6fad-e570-165f-688bc4c47e6a","fromProperty":"out-Data","toId":"d535cf99-56fd-206c-8e7a-96fab9124df7","toProperty":"data"}],"roots":[{"id":"c796dea0-2a21-2d20-b1d8-9db7f9ed99e9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Scatter","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"scatter","index":15}],"children":[{"id":"68bd466e-f1b8-98ba-34bc-fcaac2cc5e5a","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"d535cf99-56fd-206c-8e7a-96fab9124df7","type":"Scatter Chart","parameters":{"plugins.title.text":"Chart.js Scatter Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9f7e91ce-ab17-d2aa-0a83-eca777e1bd2d","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"38359c6f-6fad-e570-165f-688bc4c47e6a","type":"JavaScriptFunction","x":-349.3333333333333,"y":64,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 47.22136488, \"y\": 88.67283951, \"r\": 1 },\r\n { \"x\": 84.31584362, \"y\": 63.31875857, \"r\": 1 },\r\n { \"x\": 44.76423182, \"y\": 92.18278464, \"r\": 1 },\r\n { \"x\": 40.9122085, \"y\": 6.12911523, \"r\": 1 },\r\n { \"x\": 92.51286008, \"y\": 54.54046639, \"r\": 1 },\r\n { \"x\": 71.17112483, \"y\": 16.42918381, \"r\": 1 },\r\n { \"x\": 11.45490398, \"y\": 78.21502058, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 5.44110082, \"y\": 16.07981824, \"r\": 1 },\r\n { \"x\": 91.04381001, \"y\": 51.57964678, \"r\": 1 },\r\n { \"x\": 4.93870027, \"y\": 53.64326132, \"r\": 1 },\r\n { \"x\": 22.43441358, \"y\": 60.5422668, \"r\": 1 },\r\n { \"x\": 4.02477709, \"y\": 73.51123114, \"r\": 1 },\r\n { \"x\": 6.49991427, \"y\": 34.52546296, \"r\": 1 },\r\n { \"x\": 60.72402263, \"y\": 70.7454561, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["c796dea0-2a21-2d20-b1d8-9db7f9ed99e9"]},"metadata":{"canvasPos":{"x":11825,"y":3500}}},{"name":"/Other Charts/Scatter - Multi axis","id":"cb803d09-d9eb-cf1f-09b6-61be79a490c7","graph":{"connections":[{"fromId":"8b55b84e-7520-e60c-9ce7-9cf1e474aed5","fromProperty":"out-Scales","toId":"88abec65-2883-9531-395a-3dae6fc3be67","toProperty":"scales"},{"fromId":"f79a83a1-4e66-dc5c-3d86-4cc4c8e52b69","fromProperty":"out-Data","toId":"88abec65-2883-9531-395a-3dae6fc3be67","toProperty":"data"}],"roots":[{"id":"d112379d-8319-790e-715a-9e8eb8fab89f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Scatter - Multi axis","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"scatter---multi-axis","index":15}],"children":[{"id":"ec02207c-36df-7252-38c5-4377ecbc1460","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"88abec65-2883-9531-395a-3dae6fc3be67","type":"Scatter Chart","parameters":{"plugins.title.text":"Chart.js Scatter Multi Axis Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9ffe6a3f-f2b6-2ee2-ead6-4adec8ac9149","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8b55b84e-7520-e60c-9ce7-9cf1e474aed5","type":"JavaScriptFunction","x":-284.16666666666663,"y":188.5,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'left',\n ticks: {\n color: \"rgb(255, 99, 132)\",\n }\n },\n y2: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'right',\n reverse: true,\n ticks: {\n color: \"rgb(54, 162, 235)\",\n },\n grid: {\n drawOnChartArea: false // only want the grid lines for one axis to show up\n }\n }\n}\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"f79a83a1-4e66-dc5c-3d86-4cc4c8e52b69","type":"JavaScriptFunction","x":-284.16666666666663,"y":83.5,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 47.22136488, \"y\": 88.67283951, \"r\": 1 },\r\n { \"x\": 84.31584362, \"y\": 63.31875857, \"r\": 1 },\r\n { \"x\": 44.76423182, \"y\": 92.18278464, \"r\": 1 },\r\n { \"x\": 40.9122085, \"y\": 6.12911523, \"r\": 1 },\r\n { \"x\": 92.51286008, \"y\": 54.54046639, \"r\": 1 },\r\n { \"x\": 71.17112483, \"y\": 16.42918381, \"r\": 1 },\r\n { \"x\": 11.45490398, \"y\": 78.21502058, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 5.44110082, \"y\": 16.07981824, \"r\": 1 },\r\n { \"x\": 91.04381001, \"y\": 51.57964678, \"r\": 1 },\r\n { \"x\": 4.93870027, \"y\": 53.64326132, \"r\": 1 },\r\n { \"x\": 22.43441358, \"y\": 60.5422668, \"r\": 1 },\r\n { \"x\": 4.02477709, \"y\": 73.51123114, \"r\": 1 },\r\n { \"x\": 6.49991427, \"y\": 34.52546296, \"r\": 1 },\r\n { \"x\": 60.72402263, \"y\": 70.7454561, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["d112379d-8319-790e-715a-9e8eb8fab89f"]},"metadata":{"canvasPos":{"x":13270,"y":3470}}},{"name":"/Other Charts/Stacked bar line","id":"c9dc1776-ed3c-d5a3-9ba3-295019409555","graph":{"connections":[{"fromId":"763770b4-76c0-f192-da2e-71931956f68a","fromProperty":"out-Data","toId":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","toProperty":"data"},{"fromId":"12823dff-8739-a1f1-13af-b85998735082","fromProperty":"out-Scales","toId":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","toProperty":"scales"}],"roots":[{"id":"372572ab-4abb-5bac-a216-d0231ab1717c","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked bar line","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-line","index":15}],"children":[{"id":"e9e6866b-e4ff-267d-5c20-5841e6ed0fcb","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","type":"Line Chart","parameters":{"plugins.title.text":"Chart.js Stacked Line/Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f5948bb5-a94a-18cb-9911-2e33f398af7e","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"763770b4-76c0-f192-da2e-71931956f68a","type":"JavaScriptFunction","x":-342.3333333333333,"y":40,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 32.34910837, 79.42301097, 37.50514403, 11.53377915, 69.41015089,\r\n 19.77623457, 56.45919067\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"stack\": \"combined\",\r\n \"type\": \"bar\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 69.58247599, 23.3436214, 0.45867627, 13.27331962, 81.54063786,\r\n 76.86556927, 33.81601509\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"stack\": \"combined\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"12823dff-8739-a1f1-13af-b85998735082","type":"JavaScriptFunction","x":-353.66666666666663,"y":204,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n stacked: true\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["372572ab-4abb-5bac-a216-d0231ab1717c"]},"metadata":{"canvasPos":{"x":14795,"y":3460}}},{"name":"/Styling/Legends","id":"55f3d995-6ca6-e7e5-c138-0c97c3da5242","graph":{"connections":[{"fromId":"c170d0c4-7e88-3de8-e191-61bc93f7da2a","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.fullSize"},{"fromId":"ac022eb7-9101-e54b-6bea-2f443c015630","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.rtl"},{"fromId":"d7539a11-1e1a-f94d-66e7-799b24dedabb","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.reverse"},{"fromId":"652c85d6-9142-be33-728d-e8660410a324","fromProperty":"out-Positions","toId":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","toProperty":"items"},{"fromId":"652c85d6-9142-be33-728d-e8660410a324","fromProperty":"out-Alignments","toId":"25064956-1b46-d91d-f27e-1483f17d15cb","toProperty":"items"},{"fromId":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","fromProperty":"value","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.position"},{"fromId":"25064956-1b46-d91d-f27e-1483f17d15cb","fromProperty":"value","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.align"},{"fromId":"4b6f5219-fdf0-0a81-ca0b-a9d7f1022785","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.display"}],"roots":[{"id":"16c9bd12-bb5d-f42c-8f2f-3ab6ec9bb82f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Legends","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"legends","index":15}],"children":[{"id":"233a1a3a-42ef-f2d1-4edb-864605850312","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"b5071991-d227-95ae-6467-fc28d5405ad6","type":"Bar Chart","parameters":{"plugins.legend.labels.font.family":"Courier New","color":"Primary","plugins.legend.display":true,"plugins.legend.color":"Primary","plugins.legend.labels.family":"Courier New","plugins.legend.labels.color":"Primary","plugins.legend.labels.usePointStyle":true,"plugins.legend.labels.pointStyle":"rectRot"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4a5fc849-9e2e-0b50-f7eb-958e6522e26b","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"40e00cb9-0f1d-0dcb-192b-3f74bc5627f7","type":"Text","parameters":{"text":"The legends have a custom font and color.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"4b6f5219-fdf0-0a81-ca0b-a9d7f1022785","type":"net.noodl.controls.checkbox","parameters":{"label":"Show Legends","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"c170d0c4-7e88-3de8-e191-61bc93f7da2a","type":"net.noodl.controls.checkbox","parameters":{"label":"Full Size","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"d7539a11-1e1a-f94d-66e7-799b24dedabb","type":"net.noodl.controls.checkbox","parameters":{"label":"Reverse","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"ac022eb7-9101-e54b-6bea-2f443c015630","type":"net.noodl.controls.checkbox","parameters":{"label":"Right to Left"},"ports":[],"dynamicports":[],"children":[]},{"id":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"top"},"ports":[],"dynamicports":[],"children":[]},{"id":"25064956-1b46-d91d-f27e-1483f17d15cb","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Align","value":"center"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"652c85d6-9142-be33-728d-e8660410a324","type":"JavaScriptFunction","label":"Dropdown Items","x":-305.5,"y":628,"parameters":{"functionScript":"Outputs.Positions = [\r\n {\r\n Label: \"Top (default)\",\r\n Value: \"top\",\r\n },\r\n {\r\n Label: \"Left\",\r\n Value: \"left\",\r\n },\r\n {\r\n Label: \"Bottom\",\r\n Value: \"bottom\",\r\n },\r\n {\r\n Label: \"Right\",\r\n Value: \"right\",\r\n },\r\n]\r\n\r\nOutputs.Alignments = [\r\n {\r\n Label: \"Start\",\r\n Value: \"start\",\r\n },\r\n {\r\n Label: \"Center (default)\",\r\n Value: \"center\",\r\n },\r\n {\r\n Label: \"End\",\r\n Value: \"end\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Alignments","displayName":"Alignments","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["16c9bd12-bb5d-f42c-8f2f-3ab6ec9bb82f"]},"metadata":{"canvasPos":{"x":-2721.6668369111967,"y":0}}},{"name":"/Styling/Responsive Test","id":"4900d527-c4b9-312a-7652-6f26b7db6982","graph":{"connections":[],"roots":[{"id":"353b77d9-fc64-099d-f5e6-23061ff962e8","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Responsive Test","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"responsive-test","index":15}],"children":[{"id":"953d50e2-bb3e-18ef-f82a-fc6d5bfe8719","type":"Group","parameters":{"clip":true,"height":{"value":300,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"e9d7a44f-c293-5116-197e-1f7baa807cc4","type":"Bar Chart","parameters":{"plugins.tooltip.backgroundColor":"Primary","plugins.tooltip.bodyFontFamily":"Courier New","plugins.tooltip.bodyFontColor":"Dark","plugins.tooltip.cornerRadius":0,"plugins.tooltip.bodySpacing":10,"plugins.tooltip.bodyFont":"Courier New","plugins.tooltip.bodyFont.family":"Courier New","plugins.title.font.lineHeight":1.6},"ports":[],"dynamicports":[],"children":[]}]}]}],"visualRoots":["353b77d9-fc64-099d-f5e6-23061ff962e8"]}},{"name":"/Styling/Title","id":"1af4cff5-aed2-4825-91ee-5c6ac3b42a62","graph":{"connections":[{"fromId":"4b1299af-9fe6-c910-36b0-5809d2cd5ebc","fromProperty":"onTextChanged","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.text"},{"fromId":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","fromProperty":"out-Positions","toId":"b7527469-aa40-5457-7d86-63cbb6b1259f","toProperty":"items"},{"fromId":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","fromProperty":"out-Alignments","toId":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","toProperty":"items"},{"fromId":"b7527469-aa40-5457-7d86-63cbb6b1259f","fromProperty":"value","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.position"},{"fromId":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","fromProperty":"value","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.align"},{"fromId":"485baafa-4657-ce70-686d-694e36e5d283","fromProperty":"checked","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.display"}],"roots":[{"id":"ec0f4976-97ec-70c2-d4a2-42100b57c7dc","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Title","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"title","index":15}],"children":[{"id":"473fe841-7434-c62d-8c99-3d76a7813888","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"601e621c-5796-beea-da47-d3e668e111d2","type":"Line Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"","plugins.title.position":"bottom","plugins.title.font.family":"Courier New","plugins.title.font.size":16,"plugins.title.font.color":"Primary","plugins.title.color":"Primary"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"78421d0a-24e5-99a6-6f89-cf125ea41c40","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cbe1c968-46ef-a146-6464-d40dccc9e2cf","type":"Text","parameters":{"text":"The title have a custom font and size, other properties can also be changed.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"485baafa-4657-ce70-686d-694e36e5d283","type":"net.noodl.controls.checkbox","parameters":{"label":"Show Title","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"4b1299af-9fe6-c910-36b0-5809d2cd5ebc","type":"net.noodl.controls.textinput","parameters":{"startValue":"I am a title"},"ports":[],"dynamicports":[],"children":[]},{"id":"b7527469-aa40-5457-7d86-63cbb6b1259f","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"top"},"ports":[],"dynamicports":[],"children":[]},{"id":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Align","value":"center"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","type":"JavaScriptFunction","label":"Dropdown Items","x":-365,"y":472,"parameters":{"functionScript":"Outputs.Positions = [\r\n {\r\n Label: \"Top (default)\",\r\n Value: \"top\",\r\n },\r\n {\r\n Label: \"Bottom\",\r\n Value: \"bottom\",\r\n },\r\n]\r\n\r\nOutputs.Alignments = [\r\n {\r\n Label: \"Start\",\r\n Value: \"start\",\r\n },\r\n {\r\n Label: \"Center (default)\",\r\n Value: \"center\",\r\n },\r\n {\r\n Label: \"End\",\r\n Value: \"end\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Alignments","displayName":"Alignments","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["ec0f4976-97ec-70c2-d4a2-42100b57c7dc"]},"metadata":{"canvasPos":{"x":-2266.6668369111967,"y":0}}},{"name":"/Styling/Tooltip","id":"9ba04720-675a-ce0d-6e77-7e91d17337af","graph":{"connections":[{"fromId":"df0ac77f-12b4-0432-cae7-1ff97984db79","fromProperty":"checked","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.enabled"},{"fromId":"3c5addd4-fcef-fcb1-7af6-4d16fd166e1d","fromProperty":"checked","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.displayColors"},{"fromId":"5ea23c57-d3b4-184a-793a-d98449e90f66","fromProperty":"value","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.position"},{"fromId":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","fromProperty":"out-Positions","toId":"5ea23c57-d3b4-184a-793a-d98449e90f66","toProperty":"items"},{"fromId":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","fromProperty":"value","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.mode"},{"fromId":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","fromProperty":"out-Modes","toId":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","toProperty":"items"}],"roots":[{"id":"b317f088-4450-9f18-5589-aa50f169c42a","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Tooltip","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"tooltip","index":15}],"children":[{"id":"4bfe2422-190c-0a9f-5196-3ae5fa7b44be","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"b9b10801-82b3-e4fb-859c-6494da113873","type":"Bar Chart","parameters":{"plugins.tooltip.backgroundColor":"Primary","plugins.tooltip.bodyFontFamily":"Courier New","plugins.tooltip.bodyFontColor":"Dark","plugins.tooltip.cornerRadius":0,"plugins.tooltip.bodySpacing":10,"plugins.tooltip.bodyFont":"Courier New","plugins.tooltip.bodyFont.family":"Courier New"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"2f1a19a6-b25b-f538-c766-8d64c3e46040","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"c99d5126-0e5a-29ae-4459-cb73092ffd9e","type":"Text","parameters":{"text":"The tooltip have a custom font and color. The size and style can also be changed.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"df0ac77f-12b4-0432-cae7-1ff97984db79","type":"net.noodl.controls.checkbox","parameters":{"label":"Enable Tooltip","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"3c5addd4-fcef-fcb1-7af6-4d16fd166e1d","type":"net.noodl.controls.checkbox","parameters":{"label":"Display Colors","checked":true},"ports":[],"dynamicports":[],"children":[]},{"id":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Mode","value":"point"},"ports":[],"dynamicports":[],"children":[]},{"id":"5ea23c57-d3b4-184a-793a-d98449e90f66","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"average"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","type":"JavaScriptFunction","label":"Dropdown Items","x":-335.99627790191835,"y":576.0037220980817,"parameters":{"functionScript":"Outputs.Modes = [\r\n {\r\n Label: \"Point (default)\",\r\n Value: \"point\",\r\n },\r\n {\r\n Label: \"Nearest\",\r\n Value: \"nearest\",\r\n },\r\n {\r\n Label: \"Index\",\r\n Value: \"index\",\r\n },\r\n {\r\n Label: \"Dataset\",\r\n Value: \"dataset\",\r\n },\r\n {\r\n Label: \"X\",\r\n Value: \"x\",\r\n },\r\n {\r\n Label: \"Y\",\r\n Value: \"y\",\r\n },\r\n]\r\nOutputs.ModesDefault = \"point\"\r\n\r\nOutputs.Positions = [\r\n {\r\n Label: \"Average\",\r\n Value: \"average\",\r\n },\r\n {\r\n Label: \"Nearest\",\r\n Value: \"nearest\",\r\n },\r\n]\r\nOutputs.PositionsDefault = \"average\"\r\n"},"ports":[],"dynamicports":[{"name":"out-Modes","displayName":"Modes","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-ModesDefault","displayName":"ModesDefault","plug":"output","type":"*","group":"Outputs","index":5},{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":6},{"name":"out-PositionsDefault","displayName":"PositionsDefault","plug":"output","type":"*","group":"Outputs","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["b317f088-4450-9f18-5589-aa50f169c42a"]},"metadata":{"canvasPos":{"x":-3176.6668369111967,"y":0}}}],"settings":{"navigationPathType":"path","htmlTitle":"Noodl Chart.js Module"},"rootNodeId":"246f9453-a119-ac78-171e-3806cf596ecc","version":"4","metadata":{"styles":{"text":{"Body Text":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"18","unit":"px"},"color":"#000000"},"Button Label":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000"},"Label Text":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"14","unit":"px"},"color":"#000000"},"Navigation Items":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"14","unit":"px"},"letterSpacing":"Auto","lineHeight":"Auto","textTransform":"none","color":"#AAAA9F"}},"colors":{"Primary":"#5836F5","Light Gray":"#C6C6C6","Dark Gray":"#434B53","Primary Dark":"#3F22B8","Dark":"#1F1F1F","Primary Light":"#C9BFFC","Navigation 2":"#DDDDDD","Navigation 1":"#EBEAEA","Background 2":"#E8E8E8","Background 1":"#E0E0E0","Navigation Text":"#555555","Border":"#000000"}}},"variants":[{"typename":"net.noodl.controls.button","parameters":{"height":{"value":40,"unit":"px"},"sizeMode":"contentWidth","backgroundColor":"Primary","iconIconSource":{"class":"material-icons","code":"home"},"iconSize":{"value":22,"unit":"px"},"iconSpacing":{"value":6,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"textStyle":"Button Label","paddingTop":{"value":5,"unit":"px"},"paddingLeft":{"value":24,"unit":"px"},"paddingRight":{"value":24,"unit":"px"},"paddingBottom":{"value":4,"unit":"px"},"color":"#FFFFFF","fontFamily":"fonts/Roboto/Roboto-Medium.ttf"},"stateParamaters":{"hover":{"backgroundColor":"Primary Dark"},"pressed":{"backgroundColor":"Primary Light","color":"Primary Dark"},"disabled":{"backgroundColor":"Light Gray"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"pressed":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.radiobutton","parameters":{"width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"},"useLabel":true,"labeltextStyle":"Label Text","borderWidth":{"value":2,"unit":"px"},"value":"0","useIcon":false,"fillColor":"transparent","borderColor":"#1F1F1F7F","labelfontSize":{"value":16,"unit":"px"}},"stateParamaters":{"checked":{"fillColor":"Primary","borderColor":"Primary","borderWidth":{"value":2,"unit":"px"},"backgroundColor":"#FFFFFF","width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"}},"hover":{"backgroundColor":"transparent","borderColor":"Primary","width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"}}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"Text","parameters":{"textStyle":"Body Text"},"stateParamaters":{},"stateTransitions":{}},{"typename":"net.noodl.controls.range","parameters":{"thumbColor":"Primary","thumbBorderRadius":{"value":100,"unit":"%"},"trackHeight":{"value":4,"unit":"px"},"trackActiveColor":"Primary","trackColor":"Primary Light","width":{"value":100,"unit":"%"}},"stateParamaters":{},"stateTransitions":{}},{"typename":"net.noodl.controls.checkbox","parameters":{"width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"},"useIcon":false,"borderWidth":{"value":2,"unit":"px"},"useLabel":true,"labeltextStyle":"Label Text","borderRadius":{"value":2,"unit":"px"},"borderColor":"#0000007F","labelfontSize":{"value":16,"unit":"px"},"labelcolor":"Dark"},"stateParamaters":{"checked":{"useIcon":true,"iconIconSource":{"class":"material-icons","code":"check"},"backgroundColor":"Primary","borderColor":"Primary","iconSize":{"value":16,"unit":"px"}},"disabled":{"opacity":0.5},"hover":{"borderColor":"Primary"},"pressed":{}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.textinput","parameters":{"useLabel":true,"sizeMode":"explicit","height":{"value":40,"unit":"px"},"textStyle":"Body Text","borderStyle":"solid","borderRadius":{"value":4,"unit":"px"},"borderWidth":{"value":2,"unit":"px"},"borderColor":"#1F1F1F7F","labeltextStyle":"Label Text","paddingLeft":{"value":8,"unit":"px"},"paddingRight":{"value":8,"unit":"px"},"labelSpacing":{"value":4,"unit":"px"},"placeholder":"Type here","labelcolor":"#1F1F1F7F","labeltextTransform":"uppercase","labelfontSize":{"value":12,"unit":"px"},"labelfontFamily":"fonts/Roboto/Roboto-Medium.ttf"},"stateParamaters":{"hover":{"labelcolor":"#000000","borderColor":"Dark","borderStyle":"solid"},"focused":{"borderColor":"Primary","labelcolor":"Primary","borderWidth":{"value":2,"unit":"px"},"boxShadowEnabled":false,"boxShadowColor":"Primary","borderStyle":"solid"},"disabled":{"labelcolor":"Light Gray","backgroundColor":"Light Gray","borderWidth":{"value":1,"unit":"px"},"borderColor":"Light Gray"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.options","parameters":{"sizeMode":"explicit","height":{"value":40,"unit":"px"},"borderWidth":{"value":2,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"borderColor":"#1F1F1F7F","boxShadowColor":"Dark Gray","useIcon":true,"iconIconSource":{"class":"material-icons","code":"expand_more"},"iconPlacement":"right","iconSize":{"value":24,"unit":"px"},"paddingRight":{"value":8,"unit":"px"},"textStyle":"Body Text","paddingLeft":{"value":8,"unit":"px"},"marginTop":{"value":24,"unit":"px"},"width":{"value":75,"unit":"%"},"iconColor":"#1F1F1F7F"},"stateParamaters":{"hover":{"borderColor":"Dark","borderRadius":{"value":4,"unit":"px"},"iconColor":"Dark","iconSize":{"value":24,"unit":"px"},"iconPlacement":"right"},"focused":{"borderColor":"Primary","boxShadowColor":"Primary","borderRadius":{"value":4,"unit":"px"},"useIcon":true,"iconColor":"Primary","iconIconSource":{"class":"material-icons","code":"keyboard_arrow_up"},"iconSize":{"value":24,"unit":"px"},"iconPlacement":"right"},"pressed":{"borderRadius":{"value":4,"unit":"px"}}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"name":"Card","typename":"Group","parameters":{"marginLeft":{"value":0,"unit":"px"},"marginTop":{"value":0,"unit":"px"},"marginBottom":{"value":0,"unit":"px"},"marginRight":{"value":0,"unit":"px"},"borderStyle":"solid","borderWidth":{"value":1,"unit":"px"},"backgroundColor":"#FFFFFF","borderColor":"Background 2","borderRadius":{"value":4,"unit":"px"},"sizeMode":"contentSize","paddingLeft":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"},"paddingBottom":{"value":8,"unit":"px"},"paddingRight":{"value":8,"unit":"px"}},"stateParamaters":{},"stateTransitions":{}},{"name":"Center Chart","typename":"Group","parameters":{"sizeMode":"explicit","justifyContent":"center","alignItems":"center","width":{"value":500,"unit":"px"},"height":{"value":500,"unit":"px"}},"stateParamaters":{},"stateTransitions":{}}]} \ No newline at end of file From 2806c4f890b9d21a972fce91b387b555ab6c5575 Mon Sep 17 00:00:00 2001 From: Eric Tuvesson Date: Mon, 27 May 2024 14:06:24 +0200 Subject: [PATCH 2/2] feat: Add date adapter and annotation plugin --- .../noodl-chartjs/module/package-lock.json | 47 +++++++++++++++- modules/noodl-chartjs/module/package.json | 5 +- .../module/src/helpers/defaults.ts | 2 + .../module/src/helpers/define.tsx | 56 +++++++++++++------ modules/noodl-chartjs/module/src/index.ts | 9 ++- modules/noodl-chartjs/project/project.json | 2 +- 6 files changed, 99 insertions(+), 22 deletions(-) diff --git a/modules/noodl-chartjs/module/package-lock.json b/modules/noodl-chartjs/module/package-lock.json index 4ea7a9b..decaaaf 100644 --- a/modules/noodl-chartjs/module/package-lock.json +++ b/modules/noodl-chartjs/module/package-lock.json @@ -10,7 +10,10 @@ "license": "ISC", "dependencies": { "@noodl/noodl-sdk": "github:noodlapp/noodl-sdk#feature/typescript", - "chart.js": "^4.4.3" + "chart.js": "^4.4.3", + "chartjs-adapter-dayjs-4": "^1.0.4", + "chartjs-plugin-annotation": "^3.0.1", + "dayjs": "^1.11.11" }, "devDependencies": { "@babel/core": "^7.2.2", @@ -1884,6 +1887,26 @@ "pnpm": ">=8" } }, + "node_modules/chartjs-adapter-dayjs-4": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/chartjs-adapter-dayjs-4/-/chartjs-adapter-dayjs-4-1.0.4.tgz", + "integrity": "sha512-yy9BAYW4aNzPVrCWZetbILegTRb7HokhgospPoC3b5iZ5qdlqNmXts2KdSp6AqnjkPAp/YWyHDxLvIvwt5x81w==", + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "chart.js": ">=4.0.1", + "dayjs": "^1.9.7" + } + }, + "node_modules/chartjs-plugin-annotation": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/chartjs-plugin-annotation/-/chartjs-plugin-annotation-3.0.1.tgz", + "integrity": "sha512-hlIrXXKqSDgb+ZjVYHefmlZUXK8KbkCPiynSVrTb/HjTMkT62cOInaT1NTQCKtxKKOm9oHp958DY3RTAFKtkHg==", + "peerDependencies": { + "chart.js": ">=4.0.0" + } + }, "node_modules/chrome-trace-event": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz", @@ -2037,6 +2060,11 @@ "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==", "dev": true }, + "node_modules/dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "node_modules/debug": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz", @@ -5647,6 +5675,18 @@ "@kurkle/color": "^0.3.0" } }, + "chartjs-adapter-dayjs-4": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/chartjs-adapter-dayjs-4/-/chartjs-adapter-dayjs-4-1.0.4.tgz", + "integrity": "sha512-yy9BAYW4aNzPVrCWZetbILegTRb7HokhgospPoC3b5iZ5qdlqNmXts2KdSp6AqnjkPAp/YWyHDxLvIvwt5x81w==", + "requires": {} + }, + "chartjs-plugin-annotation": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/chartjs-plugin-annotation/-/chartjs-plugin-annotation-3.0.1.tgz", + "integrity": "sha512-hlIrXXKqSDgb+ZjVYHefmlZUXK8KbkCPiynSVrTb/HjTMkT62cOInaT1NTQCKtxKKOm9oHp958DY3RTAFKtkHg==", + "requires": {} + }, "chrome-trace-event": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz", @@ -5771,6 +5811,11 @@ "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==", "dev": true }, + "dayjs": { + "version": "1.11.11", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz", + "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==" + }, "debug": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz", diff --git a/modules/noodl-chartjs/module/package.json b/modules/noodl-chartjs/module/package.json index eead5a0..040ef9f 100644 --- a/modules/noodl-chartjs/module/package.json +++ b/modules/noodl-chartjs/module/package.json @@ -12,7 +12,10 @@ "license": "ISC", "dependencies": { "@noodl/noodl-sdk": "github:noodlapp/noodl-sdk#feature/typescript", - "chart.js": "^4.4.3" + "chart.js": "^4.4.3", + "chartjs-adapter-dayjs-4": "^1.0.4", + "chartjs-plugin-annotation": "^3.0.1", + "dayjs": "^1.11.11" }, "devDependencies": { "@babel/core": "^7.2.2", diff --git a/modules/noodl-chartjs/module/src/helpers/defaults.ts b/modules/noodl-chartjs/module/src/helpers/defaults.ts index c56bca4..0b12294 100644 --- a/modules/noodl-chartjs/module/src/helpers/defaults.ts +++ b/modules/noodl-chartjs/module/src/helpers/defaults.ts @@ -414,6 +414,8 @@ export const chart_changed = { ...generateInputsChanged(interactionOptions), customPlugins(value) { + this.inputs.customPlugins = value; + if (!this.chart) return; if (typeof value === 'object') { diff --git a/modules/noodl-chartjs/module/src/helpers/define.tsx b/modules/noodl-chartjs/module/src/helpers/define.tsx index 420bda0..1b029f3 100644 --- a/modules/noodl-chartjs/module/src/helpers/define.tsx +++ b/modules/noodl-chartjs/module/src/helpers/define.tsx @@ -1,7 +1,7 @@ import * as Noodl from "@noodl/noodl-sdk"; import { useCallback, useEffect, useRef } from "react"; import { Chart, ChartConfiguration, ChartTypeRegistry } from "chart.js"; -import * as ChartHelpers from 'chart.js/helpers'; +import * as ChartHelpers from "chart.js/helpers"; import { generateInputs, generateInputsChanged, Input } from "./boilerplate"; import { chart_changed, chart_inputs, chart_options } from "./defaults"; @@ -19,7 +19,7 @@ function Canvas(props: any): JSX.Element { const ref = useCallback((node: HTMLCanvasElement) => { props.onCanvasChanged(node); }, []); - + const sizerRef = useRef(null); const fixedSizeRef = useRef(null); @@ -63,7 +63,7 @@ export function defineChartReactNode(args: ChartNodeOptions) { // Expose the Helper so we can get the Click data etc this.setOutputs({ helpers: ChartHelpers }); - + this.props.onCanvasChanged = (node: HTMLCanvasElement) => { if (this.chart) { this.chart.destroy(); @@ -139,12 +139,15 @@ export function defineChartReactNode(args: ChartNodeOptions) { data(value) { if (!this.chart) return; this.chart.data = value; - const animate = typeof this.inputs.animateOnDataUpdate === 'undefined' ? true : this.inputs.animateOnDataUpdate; + const animate = + typeof this.inputs.animateOnDataUpdate === "undefined" + ? true + : this.inputs.animateOnDataUpdate; // With initialDataSet, it will animate the first time. if (animate || !this.initialDataSet) { this.chart.update(); } else { - this.chart.update('none'); + this.chart.update("none"); } this.initialDataSet = true; }, @@ -187,7 +190,7 @@ export function defineChartReactNode(args: ChartNodeOptions) { }); }, initChart(canvas: HTMLCanvasElement) { - const options = { + const options: any = { onClick: (e) => { this.setOutputs({ clickEventData: e }); this.sendSignalOnOutput("onClick"); @@ -201,10 +204,7 @@ export function defineChartReactNode(args: ChartNodeOptions) { this.setOptions(options, element); } - // @ts-expect-error options.animations = this.inputs.animations; - - // @ts-expect-error options.scales = this.inputs.scales; // @ts-expect-error @@ -215,20 +215,24 @@ export function defineChartReactNode(args: ChartNodeOptions) { }); const haveConnection = (portName: string) => { - return this.model.component.connections.findIndex((x) => - x.sourceId === this.id && x.sourcePort === portName || - x.targetId === this.id && x.targetPort === portName - ) !== -1; - } + return ( + this.model.component.connections.findIndex( + (x) => + (x.sourceId === this.id && x.sourcePort === portName) || + (x.targetId === this.id && x.targetPort === portName) + ) !== -1 + ); + }; const chartConfig: ChartConfiguration = { type: args.type, options, // Only use default data if there is no connection - data: this.inputs.data || haveConnection('data') ? {} : args.defaultData, + data: + this.inputs.data || haveConnection("data") ? {} : args.defaultData, plugins: [ { - id: 'noodlEventCatcher', + id: "noodlEventCatcher", beforeEvent: (chart, args, pluginOptions) => { try { this.setOutputs({ @@ -240,14 +244,30 @@ export function defineChartReactNode(args: ChartNodeOptions) { /* noop */ } }, - } - ] + }, + ], }; this.chart = new Chart(canvas, chartConfig); if (this.inputs.data) { this.chart.data = this.inputs.data; } + + // Add the plugins + // NOTE: Adding for example the annotations plugins before, + // makes the chart not responsive. + // Adding it like this solves that issue. + if (this.inputs.customPlugins) { + if (!options.plugins) { + options.plugins = {}; + } + + Object.entries(this.inputs.customPlugins).forEach(([key, value]) => { + this.chart.options.plugins[key] = value; + }); + } + + this.chart.update(); }, }, }); diff --git a/modules/noodl-chartjs/module/src/index.ts b/modules/noodl-chartjs/module/src/index.ts index b336cff..28f18af 100644 --- a/modules/noodl-chartjs/module/src/index.ts +++ b/modules/noodl-chartjs/module/src/index.ts @@ -1,5 +1,9 @@ import * as Noodl from "@noodl/noodl-sdk"; import { Chart, registerables } from "chart.js"; +import annotationPlugin from 'chartjs-plugin-annotation'; + +// Install date adapter https://github.com/bolstycjw/chartjs-adapter-dayjs-4 +import 'chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm'; import { barNode } from "./reactNodes/bar"; import { bubbleNode } from "./reactNodes/bubble"; @@ -11,7 +15,10 @@ import { radarNode } from "./reactNodes/radar"; import { scatterNode } from "./reactNodes/scatter"; import { chartNode } from "./reactNodes/chart"; -Chart.register(...registerables); +Chart.register( + ...registerables, + annotationPlugin +); // module Noodl.defineModule({ diff --git a/modules/noodl-chartjs/project/project.json b/modules/noodl-chartjs/project/project.json index 55dc0eb..455281c 100644 --- a/modules/noodl-chartjs/project/project.json +++ b/modules/noodl-chartjs/project/project.json @@ -1 +1 @@ -{"name":"Chart.js Module","components":[{"name":"/#Components/Navigation","id":"d93421e7-a5c9-5984-d727-96ab6840e5a7","graph":{"connections":[],"roots":[{"id":"1fe7ad83-af0b-5425-95e1-c0f3a7c6b7f3","type":"Group","x":0,"y":0,"parameters":{"width":{"value":260,"unit":"px"},"sizeMode":"explicit","height":{"value":100,"unit":"vh"},"scrollEnabled":true,"backgroundColor":"Navigation 1","borderRightStyle":"solid","borderRightWidth":{"value":2,"unit":"px"},"borderRightColor":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[{"id":"3cbbf272-9ef5-fc75-7cfc-113bfa6d377e","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":["1fe7ad83-af0b-5425-95e1-c0f3a7c6b7f3"]},"metadata":{"canvasPos":{"x":-713.8333740234375,"y":-20}}},{"name":"/#Components/Navigation Group","id":"efc658c5-a96b-999f-74f8-86e411778ece","graph":{"connections":[{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Text","toId":"d327ad3f-ecab-e12a-ec3c-c3c20abdaab4","toProperty":"text"},{"fromId":"69f7506d-d97c-2695-ad07-b8b703219155","fromProperty":"didMount","toId":"5a21694d-3c07-0d65-e3e5-b895ef15093d","toProperty":"store"},{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Icon","toId":"ca3388f3-7532-379a-4014-328c77a70083","toProperty":"iconIconSource"},{"fromId":"ed8258bf-19d3-22d1-827e-1980a205e925","fromProperty":"value-Open","toId":"7e2773a0-6452-729d-fd6e-c676ceb23608","toProperty":"value"},{"fromId":"7e2773a0-6452-729d-fd6e-c676ceb23608","fromProperty":"result","toId":"e614fc25-6577-6d94-fe13-ef02718a5bb9","toProperty":"mounted"},{"fromId":"ed8258bf-19d3-22d1-827e-1980a205e925","fromProperty":"value-Open","toId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","toProperty":"value"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"a8d8f9c2-0f3a-e804-6492-dd90242f4c57","toProperty":"mounted"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"7e2773a0-6452-729d-fd6e-c676ceb23608","toProperty":"value"},{"fromId":"7e2773a0-6452-729d-fd6e-c676ceb23608","fromProperty":"result","toId":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","toProperty":"prop-Open"},{"fromId":"f65cd0ba-b7a8-aeef-bab0-f629970bf717","fromProperty":"onClick","toId":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","toProperty":"store"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"607f6d55-7029-1e3c-a2e9-9ec3a4f6a237","toProperty":"mounted"},{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Is Open","toId":"5a21694d-3c07-0d65-e3e5-b895ef15093d","toProperty":"prop-Open"}],"roots":[{"id":"69f7506d-d97c-2695-ad07-b8b703219155","type":"Group","x":48.666666666666686,"y":-18,"parameters":{"sizeMode":"contentHeight"},"ports":[],"dynamicports":[],"children":[{"id":"f65cd0ba-b7a8-aeef-bab0-f629970bf717","type":"Group","parameters":{"justifyContent":"center","backgroundColor":"Navigation 2","paddingBottom":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"},"flexDirection":"row","styleCss":"user-select: none;\r\ncursor: pointer;\r\n"},"ports":[],"dynamicports":[],"children":[{"id":"270fa551-4d7b-344f-e2f1-4b7890f63e29","type":"Group","parameters":{"width":{"value":40,"unit":"px"},"sizeMode":"contentHeight","alignItems":"center","justifyContent":"center","styleCss":"user-select: none;\r\n"},"ports":[],"dynamicports":[],"children":[{"id":"ca3388f3-7532-379a-4014-328c77a70083","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"show_chart"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d327ad3f-ecab-e12a-ec3c-c3c20abdaab4","type":"Text","parameters":{"text":"Header","textStyle":"Navigation Items","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]},{"id":"17529ea2-0ed1-a800-4e19-c357b63c8457","type":"Group","parameters":{"alignItems":"center","sizeMode":"explicit","width":{"value":40,"unit":"px"},"justifyContent":"center"},"ports":[],"dynamicports":[],"children":[{"id":"e614fc25-6577-6d94-fe13-ef02718a5bb9","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"keyboard_arrow_right"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]},{"id":"a8d8f9c2-0f3a-e804-6492-dd90242f4c57","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"keyboard_arrow_down"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"607f6d55-7029-1e3c-a2e9-9ec3a4f6a237","type":"Group","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"2c23f923-6da5-1e4f-b65b-11aed9501c73","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"0df4f14b-67f2-4904-ba60-df33c623b63c","type":"Component Inputs","x":-407.3333333333333,"y":41,"parameters":{},"ports":[{"name":"Text","plug":"output","type":{"name":"*"},"index":0},{"name":"Is Open","plug":"output","type":{"name":"*"},"index":2},{"name":"Icon","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"ed8258bf-19d3-22d1-827e-1980a205e925","type":"net.noodl.ComponentObject","x":688.8333333333333,"y":410,"parameters":{"properties":"Open"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Open","displayName":"Open","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Open Changed","name":"changed-Open","index":5}],"children":[]},{"id":"5a21694d-3c07-0d65-e3e5-b895ef15093d","type":"net.noodl.SetComponentObjectProperties","label":"Set Initial Values","x":48.83333333333326,"y":-222,"parameters":{"properties":"Open","type-Open":"boolean"},"ports":[],"dynamicports":[{"type":{"name":"boolean"},"plug":"input","group":"Property Values","displayName":"Open","name":"prop-Open","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Open","name":"type-Open","index":4}],"children":[]},{"id":"7e2773a0-6452-729d-fd6e-c676ceb23608","type":"Inverter","x":384.25,"y":335.5,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","type":"Boolean","x":383.25,"y":450.5,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","type":"net.noodl.SetComponentObjectProperties","x":723.25,"y":33.5,"parameters":{"properties":"Open","type-Open":"boolean"},"ports":[],"dynamicports":[{"type":{"name":"boolean"},"plug":"input","group":"Property Values","displayName":"Open","name":"prop-Open","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Open","name":"type-Open","index":4}],"children":[]}],"visualRoots":["69f7506d-d97c-2695-ad07-b8b703219155"],"comments":[{"text":"Is Open is only initial now","width":215,"height":52,"fill":true,"x":-484,"y":224,"id":"5b0e6e28-9174-9e12-c362-795211a8870b"}]},"metadata":{"canvasPos":{"x":-260,"y":-20}}},{"name":"/#Components/Navigation Item","id":"97e0c376-b1b6-ded2-e117-4217bddd6469","graph":{"connections":[{"fromId":"3e7f305d-966d-8efb-b515-a008983aa9ad","fromProperty":"onClick","toId":"3f6c1226-6e46-6066-0b0a-85fc8f4ae73a","toProperty":"Click"},{"fromId":"a614e71a-91ed-55f8-9ed1-8ba7cd8569c7","fromProperty":"Text","toId":"280a4d9e-c157-44da-7891-1876ddeec852","toProperty":"text"}],"roots":[{"id":"a614e71a-91ed-55f8-9ed1-8ba7cd8569c7","type":"Component Inputs","x":-42,"y":-49,"parameters":{},"ports":[{"name":"Text","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"e7aa5d3a-bac7-5a36-5e9e-c748ca5c39b0","type":"Group","x":288.6666666666667,"y":2,"parameters":{"sizeMode":"contentHeight"},"ports":[],"dynamicports":[],"children":[{"id":"3e7f305d-966d-8efb-b515-a008983aa9ad","type":"net.noodl.controls.button","parameters":{"sizeMode":"explicit","label":"Action","useLabel":false,"paddingLeft":{"value":40,"unit":"px"},"paddingRight":{"value":6,"unit":"px"},"borderRadius":{"value":0,"unit":"px"},"backgroundColor":"Navigation 1","height":{"value":36,"unit":"px"},"paddingBottom":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"}},"stateParameters":{"hover":{"backgroundColor":"Navigation 2"}},"ports":[],"dynamicports":[],"children":[{"id":"280a4d9e-c157-44da-7891-1876ddeec852","type":"Text","parameters":{"textAlignX":"left","textStyle":"Navigation Items","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"3f6c1226-6e46-6066-0b0a-85fc8f4ae73a","type":"Component Outputs","x":640.6666666666667,"y":-76,"parameters":{},"ports":[{"name":"Click","plug":"input","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]}],"visualRoots":["e7aa5d3a-bac7-5a36-5e9e-c748ca5c39b0"]},"metadata":{"canvasPos":{"x":195,"y":-20}}},{"name":"/#Components/Node Canvas","id":"d278d0b4-e99d-8e06-cf57-7e1898f8812f","graph":{"connections":[],"roots":[{"id":"26f36b41-a7b2-05ad-a532-14a034b03ad1","type":"Group","variant":"Card","x":-2,"y":0,"parameters":{"backgroundColor":"Navigation 2","sizeMode":"explicit","height":{"value":50,"unit":"vh"},"borderStyle":"none","paddingTop":{"value":16,"unit":"px"},"paddingLeft":{"value":16,"unit":"px"},"paddingBottom":{"value":16,"unit":"px"},"paddingRight":{"value":16,"unit":"px"},"borderRadius":{"value":0,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"e081c6d2-8f5a-6c58-4682-cc1732ce57b7","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":["26f36b41-a7b2-05ad-a532-14a034b03ad1"]},"metadata":{"canvasPos":{"x":1105,"y":-20}}},{"name":"/#Components/Preview Canvas","id":"7c12bb00-215c-271a-17c7-7d03d226d55f","graph":{"connections":[{"fromId":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","fromProperty":"Height","toId":"2b73c014-713f-baec-21dc-ba912f01cc94","toProperty":"value"},{"fromId":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","fromProperty":"Fixed Height","toId":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","toProperty":"value"},{"fromId":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","fromProperty":"savedValue","toId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","toProperty":"enable"},{"fromId":"2b73c014-713f-baec-21dc-ba912f01cc94","fromProperty":"savedValue","toId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","toProperty":"value"},{"fromId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","fromProperty":"result","toId":"b36b0773-cf89-10cf-6f55-41f52e6aa983","toProperty":"height"}],"roots":[{"id":"13027089-fe9b-7ee1-9523-eda2e5b5a419","type":"Group","variant":"Card","x":-2,"y":0,"parameters":{"sizeMode":"explicit","alignItems":"center","justifyContent":"center","backgroundColor":"#FFFFFF","borderStyle":"none","borderBottomStyle":"solid","borderBottomWidth":{"value":2,"unit":"px"},"borderBottomColor":"#FFFFFF","borderRadius":{"value":0,"unit":"px"},"height":{"value":50,"unit":"vh"},"width":{"value":100,"unit":"%","isFixed":false}},"ports":[],"dynamicports":[],"children":[{"id":"b36b0773-cf89-10cf-6f55-41f52e6aa983","type":"Group","variant":"Center Chart","label":"Fixed Height","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"ac73a7e2-3cfa-2af8-11e9-5cf8219c290f","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","type":"Component Inputs","x":-563,"y":-70,"parameters":{},"ports":[{"name":"Height","plug":"output","type":{"name":"*"},"index":2},{"name":"Fixed Height","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"2b73c014-713f-baec-21dc-ba912f01cc94","type":"Number","x":-552,"y":232,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","type":"Boolean","x":-555,"y":102,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","type":"Expression","x":-251,"y":165,"parameters":{"expression":"enable ? value : 300"},"ports":[],"dynamicports":[{"group":"Parameters","name":"enable","type":{"name":"*","editAsType":"string"},"plug":"input","index":7},{"group":"Parameters","name":"value","type":{"name":"*","editAsType":"string"},"plug":"input","index":8}],"children":[],"metadata":{"merge":{"soureCodePorts":["expression"]}}}],"visualRoots":["13027089-fe9b-7ee1-9523-eda2e5b5a419"]},"metadata":{"canvasPos":{"x":650,"y":-20}}},{"name":"/App","graph":{"connections":[{"fromId":"c33922e7-914c-f6a8-f76c-a02d43a42f16","fromProperty":"Click","toId":"2392a244-d75a-3a2f-c6c3-ed6730df28ed","toProperty":"navigate"},{"fromId":"de496c00-8a48-7c4f-a6c6-24764df088bc","fromProperty":"Click","toId":"8ea43add-936f-15b7-52c3-1f8c352149bf","toProperty":"navigate"},{"fromId":"a439c174-edd1-862b-46b1-2ed7901ee65e","fromProperty":"Click","toId":"d8dc1848-9c96-aa80-2577-680be61d1855","toProperty":"navigate"},{"fromId":"df36735a-ed6b-b2ee-7d7c-9f34951788b4","fromProperty":"Click","toId":"57df29f5-4b9a-8c16-7733-42a3059280f5","toProperty":"navigate"},{"fromId":"d5839097-846f-7bfa-1892-10d7dcb3b7cd","fromProperty":"Click","toId":"79a2d272-d830-49e9-4725-f38bed1e5d2a","toProperty":"navigate"},{"fromId":"4d317cf0-917e-77d6-3aa9-e3b312217691","fromProperty":"Click","toId":"37dc676a-ba21-7e6a-6155-8a928f5e2c27","toProperty":"navigate"},{"fromId":"d69ef435-1bb0-05e9-14f8-06c1c1df52a5","fromProperty":"Click","toId":"aff1fe3a-d5db-c24e-a0b3-8c844f2c592a","toProperty":"navigate"},{"fromId":"f8e31252-0670-9f35-799c-894d294bc28a","fromProperty":"Click","toId":"c189e363-08af-6f5e-5480-bf084c8d684e","toProperty":"navigate"},{"fromId":"8cf3ad9f-55f4-895c-21dc-a30eb4b48a78","fromProperty":"Click","toId":"1dadb0bc-df54-217f-5bb8-10a25ff54132","toProperty":"navigate"},{"fromId":"225f51ae-205d-5b8d-f1dd-6d4274f29ce2","fromProperty":"Click","toId":"9f8d8a42-93d4-97ff-cbc5-83a2051abef0","toProperty":"navigate"},{"fromId":"2061815c-4233-2d9e-bfe5-1c4930d55bff","fromProperty":"Click","toId":"6fce05ac-e8f1-9705-652c-5b1d8a704d37","toProperty":"navigate"},{"fromId":"7c57b2e1-91e2-9bf2-3cc2-620517cb15e3","fromProperty":"Click","toId":"0d0d84ce-cd06-c936-320b-300ee2615e9d","toProperty":"navigate"},{"fromId":"48bf69d8-3dc6-b5cf-175f-a879faa7cfe8","fromProperty":"Click","toId":"4a7e1ecf-3745-cf35-ecc3-971a65ec6099","toProperty":"navigate"},{"fromId":"9cb06bdf-c4c5-e5d7-23ce-ecbb6c3e9efa","fromProperty":"Click","toId":"5c82edd4-18fb-8a08-4b35-66bb80dc094f","toProperty":"navigate"},{"fromId":"117a3aca-3cde-5389-1f03-2b06332f8f4c","fromProperty":"Click","toId":"769b345d-df7c-0897-c8fd-e2820bb109b4","toProperty":"navigate"},{"fromId":"00b90a1d-016d-741f-e6f1-fd9b58506ee3","fromProperty":"Click","toId":"a692ccfc-29bc-1d4a-8e79-5bedd4fd1a39","toProperty":"navigate"},{"fromId":"8fd330a0-c7be-db81-1191-f67f06d649a8","fromProperty":"Click","toId":"92a57faf-c4ec-9b5a-449a-7a9c904f7f26","toProperty":"navigate"},{"fromId":"01d71cdc-a4f3-cadb-20e6-bdd0e6d9588e","fromProperty":"Click","toId":"fea8c3a1-9967-7fb1-aa60-261569619f4f","toProperty":"navigate"},{"fromId":"5a0ea5d1-168f-8212-d3eb-add7b0ecea14","fromProperty":"Click","toId":"a7e64a8c-3e1d-fe41-c320-32d6b27a9fa4","toProperty":"navigate"},{"fromId":"0bf282c3-6459-8fe6-165e-e858993fbf0f","fromProperty":"Click","toId":"3d73a4c7-f46e-6e07-c7fd-b4a673d879ac","toProperty":"navigate"},{"fromId":"99d08196-37b4-b45c-5baa-93b644d0cb64","fromProperty":"Click","toId":"1a12ca3b-025c-2d49-88ba-ef03bf75e758","toProperty":"navigate"},{"fromId":"67334a2c-f2a7-3c18-6525-1377f8098876","fromProperty":"Click","toId":"c0ca3559-b00c-f00c-2e6a-b24f523cf86e","toProperty":"navigate"},{"fromId":"723812a5-1c27-edb5-d17b-29d41801d3e5","fromProperty":"Click","toId":"8f679e85-2b9c-fa77-a657-e27c821a6624","toProperty":"navigate"},{"fromId":"cfcb7eb2-0a30-2573-3a68-717caa0da1d9","fromProperty":"Click","toId":"fb8cfec1-06f5-f846-fba8-cf4f5606d9a2","toProperty":"navigate"},{"fromId":"98b40973-9015-ec50-67b6-530edef41a7c","fromProperty":"Click","toId":"2330515a-587b-1432-e4e5-ec09c208a185","toProperty":"navigate"},{"fromId":"cb4300c0-484d-6ce1-ca62-cbbf6339f5aa","fromProperty":"Click","toId":"a82827e9-0900-33d0-6ac2-7aba32502977","toProperty":"navigate"},{"fromId":"71449448-2b32-d6ce-5c17-98538b242739","fromProperty":"Click","toId":"29660423-baa3-e9a4-ac0f-72af90ce488e","toProperty":"navigate"},{"fromId":"cab51a52-aa50-1eac-08e0-32caea5288c3","fromProperty":"Click","toId":"d9bfa3e9-6b06-8570-1333-2213cfafa876","toProperty":"navigate"},{"fromId":"41699120-131a-55c0-503f-d58b52bc2dd7","fromProperty":"Click","toId":"7365ef83-9272-d989-99ff-110cc50598ba","toProperty":"navigate"},{"fromId":"4f8d50cc-ca81-32c4-ffb8-aa80fb480301","fromProperty":"Click","toId":"746e0c88-bd92-b536-8e29-b0c933e17362","toProperty":"navigate"}],"roots":[{"id":"246f9453-a119-ac78-171e-3806cf596ecc","type":"Group","x":-111.4681915301291,"y":310.4376377651178,"parameters":{"backgroundColor":"Background 1","flexDirection":"row"},"ports":[],"dynamicports":[],"children":[{"id":"10c2c442-991c-08c9-8740-7092a0f30538","type":"/#Components/Navigation","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"8f01ef48-3d4f-9260-b753-e85ea4eb7f6c","type":"/#Components/Navigation Group","parameters":{"Text":"Chart.js Module Preview","Icon":{"class":"material-icons","code":"home"},"Is Open":true},"ports":[],"dynamicports":[],"children":[{"id":"225f51ae-205d-5b8d-f1dd-6d4274f29ce2","type":"/#Components/Navigation Item","parameters":{"Text":"Information"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1ea31cd9-95c9-5317-2c8d-cab45b595034","type":"/#Components/Navigation Group","parameters":{"Text":"Bar Charts","Icon":{"class":"material-icons","code":"stacked_bar_chart"},"Is Open":true},"ports":[],"dynamicports":[],"children":[{"id":"c33922e7-914c-f6a8-f76c-a02d43a42f16","type":"/#Components/Navigation Item","parameters":{"Text":"Bar Chart Border Radius"},"ports":[],"dynamicports":[],"children":[]},{"id":"de496c00-8a48-7c4f-a6c6-24764df088bc","type":"/#Components/Navigation Item","parameters":{"Text":"Floating Bars"},"ports":[],"dynamicports":[],"children":[]},{"id":"a439c174-edd1-862b-46b1-2ed7901ee65e","type":"/#Components/Navigation Item","parameters":{"Text":"Horizontal Bar Chart","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"df36735a-ed6b-b2ee-7d7c-9f34951788b4","type":"/#Components/Navigation Item","parameters":{"Text":"Stacked Bar Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"d5839097-846f-7bfa-1892-10d7dcb3b7cd","type":"/#Components/Navigation Item","parameters":{"Text":"Stacked Bar Chart with Groups"},"ports":[],"dynamicports":[],"children":[]},{"id":"4d317cf0-917e-77d6-3aa9-e3b312217691","type":"/#Components/Navigation Item","parameters":{"Text":"Vertical Bar Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"138f5f59-58f5-c179-01c4-e39ef89aff5e","type":"/#Components/Navigation Group","parameters":{"Text":"Line Charts","Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"0bf282c3-6459-8fe6-165e-e858993fbf0f","type":"/#Components/Navigation Item","parameters":{"Text":"Interpolation Modes"},"ports":[],"dynamicports":[],"children":[]},{"id":"d69ef435-1bb0-05e9-14f8-06c1c1df52a5","type":"/#Components/Navigation Item","parameters":{"Text":"Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"4f8d50cc-ca81-32c4-ffb8-aa80fb480301","type":"/#Components/Navigation Item","parameters":{"Text":"Stacked Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"99d08196-37b4-b45c-5baa-93b644d0cb64","type":"/#Components/Navigation Item","parameters":{"Text":"Multi Axis Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"67334a2c-f2a7-3c18-6525-1377f8098876","type":"/#Components/Navigation Item","parameters":{"Text":"Point Styling","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"723812a5-1c27-edb5-d17b-29d41801d3e5","type":"/#Components/Navigation Item","parameters":{"Text":"Line Segment Styling","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"cfcb7eb2-0a30-2573-3a68-717caa0da1d9","type":"/#Components/Navigation Item","parameters":{"Text":"Stepped Line Charts"},"ports":[],"dynamicports":[],"children":[]},{"id":"98b40973-9015-ec50-67b6-530edef41a7c","type":"/#Components/Navigation Item","parameters":{"Text":"Line Styling"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4918c696-55bd-1e71-d6be-f3057650a328","type":"/#Components/Navigation Group","parameters":{"Text":"Other Charts","Icon":{"class":"material-icons","code":"pie_chart"},"Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"8cf3ad9f-55f4-895c-21dc-a30eb4b48a78","type":"/#Components/Navigation Item","parameters":{"Text":"Bubble","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"2061815c-4233-2d9e-bfe5-1c4930d55bff","type":"/#Components/Navigation Item","parameters":{"Text":"Combo bar/line","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"7c57b2e1-91e2-9bf2-3cc2-620517cb15e3","type":"/#Components/Navigation Item","parameters":{"Text":"Doughnut","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"f8e31252-0670-9f35-799c-894d294bc28a","type":"/#Components/Navigation Item","parameters":{"Text":"Pie"},"ports":[],"dynamicports":[],"children":[]},{"id":"48bf69d8-3dc6-b5cf-175f-a879faa7cfe8","type":"/#Components/Navigation Item","parameters":{"Text":"Polar area"},"ports":[],"dynamicports":[],"children":[]},{"id":"9cb06bdf-c4c5-e5d7-23ce-ecbb6c3e9efa","type":"/#Components/Navigation Item","parameters":{"Text":"Polar area centered point labels"},"ports":[],"dynamicports":[],"children":[]},{"id":"117a3aca-3cde-5389-1f03-2b06332f8f4c","type":"/#Components/Navigation Item","parameters":{"Text":"Radar"},"ports":[],"dynamicports":[],"children":[]},{"id":"00b90a1d-016d-741f-e6f1-fd9b58506ee3","type":"/#Components/Navigation Item","parameters":{"Text":"Radar skip points"},"ports":[],"dynamicports":[],"children":[]},{"id":"8fd330a0-c7be-db81-1191-f67f06d649a8","type":"/#Components/Navigation Item","parameters":{"Text":"Scatter","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"01d71cdc-a4f3-cadb-20e6-bdd0e6d9588e","type":"/#Components/Navigation Item","parameters":{"Text":"Scatter - Multi axis","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"5a0ea5d1-168f-8212-d3eb-add7b0ecea14","type":"/#Components/Navigation Item","parameters":{"Text":"Stacked bar/line"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"b8b3085b-f9cb-f880-8e4f-396aaee068b9","type":"/#Components/Navigation Group","parameters":{"Text":"Styling","Icon":{"class":"material-icons","code":"format_paint"},"Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"cb4300c0-484d-6ce1-ca62-cbbf6339f5aa","type":"/#Components/Navigation Item","parameters":{"Text":"Tooltip","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"cab51a52-aa50-1eac-08e0-32caea5288c3","type":"/#Components/Navigation Item","parameters":{"Text":"Title","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"71449448-2b32-d6ce-5c17-98538b242739","type":"/#Components/Navigation Item","parameters":{"Text":"Legends","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"41699120-131a-55c0-503f-d58b52bc2dd7","type":"/#Components/Navigation Item","parameters":{"Text":"Responsive Test","WIP":false},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"cd40a799-c876-956a-f4b4-ba5ba5a17008","type":"Router","parameters":{"name":"Main","pages":{"routes":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"startPage":"/Home"}},"ports":[],"dynamicports":[],"children":[]}]},{"id":"c189e363-08af-6f5e-5480-bf084c8d684e","type":"RouterNavigate","x":428.8977940226279,"y":2034.1746410862029,"parameters":{"router":"Main","target":"/Other Charts/Pie"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"aff1fe3a-d5db-c24e-a0b3-8c844f2c592a","type":"RouterNavigate","x":417.2777203697917,"y":1191.4274024378497,"parameters":{"router":"Main","target":"/Line Charts/Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"1dadb0bc-df54-217f-5bb8-10a25ff54132","type":"RouterNavigate","x":424.7882069071034,"y":1762.448162978498,"parameters":{"router":"Main","target":"/Other Charts/Bubble"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"2392a244-d75a-3a2f-c6c3-ed6730df28ed","type":"RouterNavigate","x":390.8286156907237,"y":530.7694807769873,"parameters":{"router":"Main","target":"/Bar Charts/Bar Chart Border Radius"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"8ea43add-936f-15b7-52c3-1f8c352149bf","type":"RouterNavigate","x":383.9619490240571,"y":624.5694807769871,"parameters":{"router":"Main","target":"/Bar Charts/Floating Bars"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"d8dc1848-9c96-aa80-2577-680be61d1855","type":"RouterNavigate","x":400.96194902405705,"y":713.5694807769871,"parameters":{"router":"Main","target":"/Bar Charts/Horizontal Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"57df29f5-4b9a-8c16-7733-42a3059280f5","type":"RouterNavigate","x":396.9619490240571,"y":804.5694807769871,"parameters":{"router":"Main","target":"/Bar Charts/Stacked Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"79a2d272-d830-49e9-4725-f38bed1e5d2a","type":"RouterNavigate","x":411.96194902405705,"y":903.5694807769876,"parameters":{"router":"Main","target":"/Bar Charts/Stacked Bar Chart with Groups"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"37dc676a-ba21-7e6a-6155-8a928f5e2c27","type":"RouterNavigate","x":405.96194902405705,"y":994.5694807769875,"parameters":{"router":"Main","target":"/Bar Charts/Vertical Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"9f8d8a42-93d4-97ff-cbc5-83a2051abef0","type":"RouterNavigate","x":385.79963539893726,"y":366.8263167414616,"parameters":{"router":"Main","target":"/Home"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"6fce05ac-e8f1-9705-652c-5b1d8a704d37","type":"RouterNavigate","x":418.057585308024,"y":1851.9274581644265,"parameters":{"router":"Main","target":"/Other Charts/Combo bar line"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"0d0d84ce-cd06-c936-320b-300ee2615e9d","type":"RouterNavigate","x":427.8573574352362,"y":1939.4056123948449,"parameters":{"router":"Main","target":"/Other Charts/Doughnut"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"4a7e1ecf-3745-cf35-ecc3-971a65ec6099","type":"RouterNavigate","x":417.14080631681037,"y":2121.3808247876236,"parameters":{"router":"Main","target":"/Other Charts/Polar area"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"5c82edd4-18fb-8a08-4b35-66bb80dc094f","type":"RouterNavigate","x":417.14080631681037,"y":2207.7790018053215,"parameters":{"router":"Main","target":"/Other Charts/Polar area centered point labels"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"769b345d-df7c-0897-c8fd-e2820bb109b4","type":"RouterNavigate","x":413.90087467864674,"y":2298.497087673901,"parameters":{"router":"Main","target":"/Other Charts/Radar"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"a692ccfc-29bc-1d4a-8e79-5bedd4fd1a39","type":"RouterNavigate","x":412.8208974659256,"y":2393.5350823933672,"parameters":{"router":"Main","target":"/Other Charts/Radar skip points"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"92a57faf-c4ec-9b5a-449a-7a9c904f7f26","type":"RouterNavigate","x":410.6609430404831,"y":2484.2531682619497,"parameters":{"router":"Main","target":"/Other Charts/Scatter"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"fea8c3a1-9967-7fb1-aa60-261569619f4f","type":"RouterNavigate","x":418.22078352953173,"y":2572.81129970509,"parameters":{"router":"Main","target":"/Other Charts/Scatter - Multi axis"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"a7e64a8c-3e1d-fe41-c320-32d6b27a9fa4","type":"RouterNavigate","x":410.5745694732074,"y":2662.44940836095,"parameters":{"router":"Main","target":"/Other Charts/Stacked bar line"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"3d73a4c7-f46e-6e07-c7fd-b4a673d879ac","type":"RouterNavigate","x":419.15297485918484,"y":1107.7434457389836,"parameters":{"router":"Main","target":"/Line Charts/Interpolation Modes"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"1a12ca3b-025c-2d49-88ba-ef03bf75e758","type":"RouterNavigate","x":424,"y":1328,"parameters":{"router":"Main","target":"/Line Charts/Multi Axis Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"c0ca3559-b00c-f00c-2e6a-b24f523cf86e","type":"RouterNavigate","x":425.35259205313344,"y":1406.477358960396,"parameters":{"router":"Main","target":"/Line Charts/Point Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"fb8cfec1-06f5-f846-fba8-cf4f5606d9a2","type":"RouterNavigate","x":417.35259205313344,"y":1570.477358960396,"parameters":{"router":"Main","target":"/Line Charts/Stepped Line Charts"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"8f679e85-2b9c-fa77-a657-e27c821a6624","type":"RouterNavigate","x":423.35259205313344,"y":1483.477358960396,"parameters":{"router":"Main","target":"/Line Charts/Line Segment Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"2330515a-587b-1432-e4e5-ec09c208a185","type":"RouterNavigate","x":414.35259205313344,"y":1654.477358960396,"parameters":{"router":"Main","target":"/Line Charts/Line Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"f2dd8b86-bf80-7684-8999-346e876a4953","type":"JavaScriptFunction","label":"Setup Global Scripts","x":-94.19210618240777,"y":-85.34807398724172,"parameters":{"scriptInputs":[{"id":"eaqp","label":"test"}],"intype-test":"boolean","functionScript":"var _seed = Date.now();\r\n\r\nfunction valueOrDefault(value, defaultValue) {\r\n return value === undefined ? defaultValue : value;\r\n}\r\n\r\nwindow.Utils = {\r\n rand: function (min, max) {\r\n min = valueOrDefault(min, 0);\r\n max = valueOrDefault(max, 0);\r\n _seed = (_seed * 9301 + 49297) % 233280;\r\n return min + (_seed / 233280) * (max - min);\r\n },\r\n\r\n numbers: function (config) {\r\n var cfg = config || {};\r\n var min = valueOrDefault(cfg.min, 0);\r\n var max = valueOrDefault(cfg.max, 100);\r\n var from = valueOrDefault(cfg.from, []);\r\n var count = valueOrDefault(cfg.count, 8);\r\n var decimals = valueOrDefault(cfg.decimals, 8);\r\n var continuity = valueOrDefault(cfg.continuity, 1);\r\n var dfactor = Math.pow(10, decimals) || 0;\r\n var data = [];\r\n var i, value;\r\n\r\n for (i = 0; i < count; ++i) {\r\n value = (from[i] || 0) + this.rand(min, max);\r\n if (this.rand() <= continuity) {\r\n data.push(Math.round(dfactor * value) / dfactor);\r\n } else {\r\n data.push(null);\r\n }\r\n }\r\n\r\n return data;\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"intype-test","displayName":"Type","editorName":"test | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"eaqp","index":4},{"name":"in-test","displayName":"test","plug":"input","type":"boolean","group":"Inputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"a82827e9-0900-33d0-6ac2-7aba32502977","type":"RouterNavigate","x":416.38753900386473,"y":2791.9429870136,"parameters":{"router":"Main","target":"/Styling/Tooltip"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"29660423-baa3-e9a4-ac0f-72af90ce488e","type":"RouterNavigate","x":421.05294212385274,"y":2982.0581641531257,"parameters":{"router":"Main","target":"/Styling/Legends"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"d9bfa3e9-6b06-8570-1333-2213cfafa876","type":"RouterNavigate","x":429.21739758383256,"y":2881.7519970733756,"parameters":{"router":"Main","target":"/Styling/Title"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"7365ef83-9272-d989-99ff-110cc50598ba","type":"RouterNavigate","x":424,"y":3088,"parameters":{"router":"Main","target":"/Styling/Responsive Test"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"746e0c88-bd92-b536-8e29-b0c933e17362","type":"RouterNavigate","x":416,"y":1264,"parameters":{"router":"Main","target":"/Line Charts/Stacked Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Other Charts/Pie","/Line Charts/Line Chart","/Other Charts/Bubble","/Bar Charts/Floating Bars","/Bar Charts/Bar Chart Border Radius","/Bar Charts/Horizontal Bar Chart","/Bar Charts/Stacked Bar Chart","/Bar Charts/Stacked Bar Chart with Groups","/Bar Charts/Vertical Bar Chart","/Home","/Line Charts/Interpolation Modes","/Other Charts/Combo bar line","/Other Charts/Doughnut","/Other Charts/Polar area","/Other Charts/Polar area centered point labels","/Other Charts/Radar","/Other Charts/Radar skip points","/Other Charts/Scatter","/Other Charts/Scatter - Multi axis","/Other Charts/Stacked bar line","/Line Charts/Multi Axis Line Chart","/Line Charts/Point Styling","/Line Charts/Line Segment Styling","/Line Charts/Stepped Line Charts","/Line Charts/Line Styling","/Styling/Tooltip","/Styling/Legends","/Styling/Title","/Styling/Responsive Test","/Line Charts/Stacked Line Chart","/Bar Charts/Double Axis Chart"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]}],"visualRoots":["246f9453-a119-ac78-171e-3806cf596ecc"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":0}}},{"name":"/Bar Charts/Bar Chart Border Radius","id":"e70c5640-da4c-5c49-7196-a09d538a4a64","graph":{"connections":[{"fromId":"bb767120-4505-fd2b-96e7-fe26aa17e3e9","fromProperty":"didMount","toId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","toProperty":"run"},{"fromId":"26d2f9b5-f134-0c2e-5918-22f2e96217f3","fromProperty":"onClick","toId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","toProperty":"run"},{"fromId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","fromProperty":"out-Data","toId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","toProperty":"data"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"onClick","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"run"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"clickEventData","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"in-data"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"helpers","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"in-helpers"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"onBeforeEvent","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"run"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"beforeEventChart","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-chart"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"beforeEventArgs","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-args"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"helpers","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-helpers"}],"roots":[{"id":"bb767120-4505-fd2b-96e7-fe26aa17e3e9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Bar Chart Border Radius","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"bar-chart-border-radius","index":15}],"children":[{"id":"2f562945-38a3-a045-8598-07d8e8e3482b","type":"/#Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"df461e4b-b7cf-683c-5eb9-784620e9e65c","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f4f0869b-7dc3-0990-4a3c-2976b24496fb","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"26d2f9b5-f134-0c2e-5918-22f2e96217f3","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","type":"JavaScriptFunction","label":"Generate the Dataset","x":-282,"y":112,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n ],\r\n datasets: [\r\n {\r\n label: \"Fully Rounded\",\r\n data: Utils.numbers({ count: 7, min: -100, max: 100 }),\r\n borderColor: \"rgb(255, 99, 132)\",\r\n backgroundColor: \"rgba(255, 99, 132, 0.5)\",\r\n borderWidth: 2,\r\n borderRadius: 1.7976931348623157e+308,\r\n borderSkipped: false\r\n },\r\n {\r\n label: \"Small Radius\",\r\n data: Utils.numbers({ count: 7, min: -100, max: 100 }),\r\n borderColor: \"rgb(54, 162, 235)\",\r\n backgroundColor: \"rgba(54, 162, 235, 0.5)\",\r\n borderWidth: 2,\r\n borderRadius: 5,\r\n borderSkipped: false\r\n }\r\n ]\r\n}\r\n","scriptOutputs":[{"id":"0t45","label":"Data"},{"id":"g05z","label":"String"}],"outtype-Data":"object","outtype-String":"string"},"ports":[],"dynamicports":[{"name":"outtype-Data","displayName":"Type","editorName":"Data | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"0t45","index":4},{"name":"out-Data","displayName":"Data","plug":"output","type":"object","group":"Outputs","index":5},{"name":"outtype-String","displayName":"Type","editorName":"String | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"g05z","index":6},{"name":"out-String","displayName":"String","plug":"output","type":"string","group":"Outputs","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"6273da02-c6f6-617c-81a3-a32f662058e0","type":"JavaScriptFunction","label":"Click Chart Data","x":360,"y":232,"parameters":{"functionScript":"const data = Inputs.data;\r\nconst helpers = Inputs.helpers;\r\n\r\nconst canvasPosition = helpers.getRelativePosition(data, data.chart);\r\n\r\n// Substitute the appropriate scale IDs\r\nconst dataX = data.chart.scales.x.getValueForPixel(canvasPosition.x);\r\nconst dataY = data.chart.scales.y.getValueForPixel(canvasPosition.y);\r\n\r\nconsole.log({\r\n canvasPosition,\r\n dataX,\r\n dataY\r\n})\r\n"},"ports":[],"dynamicports":[{"name":"in-data","displayName":"data","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-helpers","displayName":"helpers","plug":"input","type":"*","group":"Inputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","type":"JavaScriptFunction","label":"Before Chart Data","x":360,"y":56,"parameters":{"functionScript":"const chart = Inputs.chart;\r\nconst args = Inputs.args;\r\nconst helpers = Inputs.helpers;\r\n\r\nconst canvasPosition = helpers.getRelativePosition(args.event, chart);\r\n\r\n// Substitute the appropriate scale IDs\r\nconst dataX = chart.scales.x.getValueForPixel(canvasPosition.x);\r\nconst dataY = chart.scales.y.getValueForPixel(canvasPosition.y);\r\n\r\nconsole.log({\r\n canvasPosition,\r\n dataX,\r\n dataY\r\n})\r\n"},"ports":[],"dynamicports":[{"name":"in-chart","displayName":"chart","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-args","displayName":"args","plug":"input","type":"*","group":"Inputs","index":5},{"name":"in-helpers","displayName":"helpers","plug":"input","type":"*","group":"Inputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["bb767120-4505-fd2b-96e7-fe26aa17e3e9"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":1200}}},{"name":"/Bar Charts/Double Axis Chart","id":"32f19383-4933-32c6-5dbe-f767c918de9e","graph":{"connections":[{"fromId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","fromProperty":"out-Data","toId":"19736d4e-bb21-b242-bd85-f85d1223846a","toProperty":"data"},{"fromId":"124e5c3a-71e1-ca9c-1a9c-267b29477279","fromProperty":"onClick","toId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","toProperty":"run"},{"fromId":"8f3503d3-0583-9ffb-f8b1-a55b596fc296","fromProperty":"didMount","toId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","toProperty":"run"},{"fromId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","fromProperty":"out-Scales","toId":"19736d4e-bb21-b242-bd85-f85d1223846a","toProperty":"scales"},{"fromId":"19736d4e-bb21-b242-bd85-f85d1223846a","fromProperty":"chartOptions","toId":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","toProperty":"in-Data"},{"fromId":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","fromProperty":"out-Text","toId":"6dfec4b2-cf53-36d7-d8bf-925e8c074b62","toProperty":"startValue"}],"roots":[{"id":"8f3503d3-0583-9ffb-f8b1-a55b596fc296","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Double Axis Chart","index":30},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"double-axis-chart","index":31}],"children":[{"id":"f0ac2431-8870-9879-3e87-63fe1de0d867","type":"/#Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"19736d4e-bb21-b242-bd85-f85d1223846a","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Floating Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0de72439-ce6a-cca2-da2b-973facb0a518","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"124e5c3a-71e1-ca9c-1a9c-267b29477279","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]},{"id":"6dfec4b2-cf53-36d7-d8bf-925e8c074b62","type":"net.noodl.controls.textinput","parameters":{"useLabel":false,"type":"textArea","height":{"value":100,"unit":"%"},"marginTop":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","type":"JavaScriptFunction","label":"Generate the Dataset","x":281.61237279554115,"y":90.64772935169401,"parameters":{"functionScript":"const DummyData = {\r\n flat: [250000, 260000, 270000, 280000, 290000],\r\n terraced: [300000, 310000, 320000, 330000, 340000],\r\n semi: [350000, 360000, 370000, 380000, 390000],\r\n detached: [400000, 410000, 420000, 430000, 440000],\r\n flatsqm: [150, 160, 170, 180, 190],\r\n terracedsqm: [180, 190, 200, 210, 220],\r\n smeisqm: [220, 230, 240, 250, 260],\r\n detachedsqm: [280, 290, 300, 310, 320]\r\n};\r\n\r\nOutputs.Data = {\r\n labels: [\r\n \"Flat\",\r\n \"Terraced\",\r\n \"Semi-Detached\",\r\n \"Detached\"\r\n ],\r\n datasets: [\r\n {\r\n label: \"Sold Prices\",\r\n data: [DummyData.flat, DummyData.terraced, DummyData.semi, DummyData.detached],\r\n yAxisID: \"y-axis-1\",\r\n borderColor: \"#A3A67A\",\r\n backgroundColor: \"#A3A67A\",\r\n borderWidth: 2,\r\n borderRadius: 1.8,\r\n borderSkipped: false\r\n },\r\n {\r\n label: \"Sold Price Rates\",\r\n data: [DummyData.flatsqm, DummyData.terracedsqm, DummyData.smeisqm, DummyData.detachedsqm],\r\n yAxisID: \"y-axis-2\",\r\n borderColor: \"#D26333\",\r\n backgroundColor: \"#D26333\",\r\n borderWidth: 2,\r\n borderRadius: 1.8,\r\n borderSkipped: false\r\n }\r\n ]\r\n}\r\n\r\nOutputs.Scales = {\r\n \"y-axis-1\": {\r\n position: \"left\",\r\n title: {\r\n display: true,\r\n text: \"Hello World\"\r\n }\r\n },\r\n \"y-axis-2\": {\r\n position: \"right\"\r\n },\r\n}\r\n","scriptInputs":[{"id":"pntk","label":"BackgroundColor1"},{"id":"7zd3","label":"BackgroundColor2"}]},"ports":[],"dynamicports":[{"name":"intype-BackgroundColor1","displayName":"Type","editorName":"BackgroundColor1 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"pntk","index":4},{"name":"in-BackgroundColor1","displayName":"BackgroundColor1","plug":"input","type":"string","group":"Inputs","index":5},{"name":"intype-BackgroundColor2","displayName":"Type","editorName":"BackgroundColor2 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"7zd3","index":6},{"name":"in-BackgroundColor2","displayName":"BackgroundColor2","plug":"input","type":"string","group":"Inputs","index":7},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":8},{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":9}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","type":"JavaScriptFunction","x":304.8061863977706,"y":371.99053134251363,"parameters":{"functionScript":"Outputs.Text = JSON.stringify(Inputs.Data, null, 2);"},"ports":[],"dynamicports":[{"name":"in-Data","displayName":"Data","plug":"input","type":"*","group":"Inputs","index":4},{"name":"out-Text","displayName":"Text","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["8f3503d3-0583-9ffb-f8b1-a55b596fc296"]}},{"name":"/Bar Charts/Floating Bars","id":"80596ae6-bd26-f40a-2b74-7eee3112eb38","graph":{"connections":[{"fromId":"c98978e7-2872-8e53-9e71-233473f02660","fromProperty":"out-Data","toId":"d3521b37-7c37-f2ed-ba3a-fca64151c68e","toProperty":"data"},{"fromId":"68e8ac14-ebd1-9038-86a7-75fc59a94bdc","fromProperty":"onClick","toId":"c98978e7-2872-8e53-9e71-233473f02660","toProperty":"run"},{"fromId":"af0d8758-39ec-b805-3a25-b4649c45693e","fromProperty":"didMount","toId":"c98978e7-2872-8e53-9e71-233473f02660","toProperty":"run"}],"roots":[{"id":"af0d8758-39ec-b805-3a25-b4649c45693e","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Floating Bars","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"floating-bars","index":15}],"children":[{"id":"dbfbcb21-503a-9448-be2e-bba53e89059a","type":"/#Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"d3521b37-7c37-f2ed-ba3a-fca64151c68e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Floating Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1be4eab7-8066-e89b-9b48-e4ea3b283fcc","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"68e8ac14-ebd1-9038-86a7-75fc59a94bdc","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"c98978e7-2872-8e53-9e71-233473f02660","type":"JavaScriptFunction","label":"Generate the Dataset","x":281.61237279554115,"y":90.64772935169401,"parameters":{"functionScript":"const backgroundColor1 = Inputs.BackgroundColor1 || \"rgb(255, 99, 132)\"\r\nconst backgroundColor2 = Inputs.BackgroundColor2 || \"rgb(54, 162, 235)\"\r\n\r\nconst labels = [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n]\r\n\r\nOutputs.Data = {\r\n labels,\r\n datasets: [\r\n {\r\n label: \"Dataset 1\",\r\n data: labels.map(() => {\r\n return [Utils.rand(-100, 100), Utils.rand(-100, 100)];\r\n }),\r\n backgroundColor: backgroundColor1\r\n },\r\n {\r\n label: \"Dataset 2\",\r\n data: labels.map(() => {\r\n return [Utils.rand(-100, 100), Utils.rand(-100, 100)];\r\n }),\r\n backgroundColor: backgroundColor2\r\n }\r\n ]\r\n}\r\n","scriptInputs":[{"id":"pntk","label":"BackgroundColor1"},{"id":"7zd3","label":"BackgroundColor2"}]},"ports":[],"dynamicports":[{"name":"intype-BackgroundColor1","displayName":"Type","editorName":"BackgroundColor1 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"pntk","index":4},{"name":"in-BackgroundColor1","displayName":"BackgroundColor1","plug":"input","type":"string","group":"Inputs","index":5},{"name":"intype-BackgroundColor2","displayName":"Type","editorName":"BackgroundColor2 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"7zd3","index":6},{"name":"in-BackgroundColor2","displayName":"BackgroundColor2","plug":"input","type":"string","group":"Inputs","index":7},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":8}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["af0d8758-39ec-b805-3a25-b4649c45693e"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1500,"y":1200}}},{"name":"/Bar Charts/Horizontal Bar Chart","id":"6e866966-74f3-e75a-18f5-7a94ff14a2ef","graph":{"connections":[{"fromId":"1ee5731a-aa37-8386-063e-27e5c76e303d","fromProperty":"out-Data","toId":"da617336-4a3c-5acc-76bb-ab663863652b","toProperty":"data"},{"fromId":"276341b3-574c-0fd6-687d-16f3c15ccbe5","fromProperty":"out-JSON","toId":"eea09fdb-7981-8269-78b3-960a247bc4fb","toProperty":"text"},{"fromId":"da617336-4a3c-5acc-76bb-ab663863652b","fromProperty":"chartOptions","toId":"276341b3-574c-0fd6-687d-16f3c15ccbe5","toProperty":"in-Value"},{"fromId":"051907eb-1cb2-0c50-de64-b033e3a603e1","fromProperty":"didMount","toId":"1ee5731a-aa37-8386-063e-27e5c76e303d","toProperty":"run"}],"roots":[{"id":"051907eb-1cb2-0c50-de64-b033e3a603e1","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Horizontal Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"horizontal-bar-chart","index":15}],"children":[{"id":"a46ce85e-201d-0640-cba7-5ebe7c0adea3","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"da617336-4a3c-5acc-76bb-ab663863652b","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Horizontal Bar Chart","plugins.title.display":true,"plugins.legend.position":"right","elements.bar.borderWidth":2,"indexAxis":"y"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"e2dd1c35-5d8b-7a0c-06d3-3849f03ec14f","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1ee5731a-aa37-8386-063e-27e5c76e303d","type":"JavaScriptFunction","x":-260.3333333333333,"y":105,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [-91.99588477, 52.35768176, -57.81550069, 61.43518519, 64.43072702, -1.91529492, 57.45884774],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [74.65192044, -58.97805213, -37.25823045, -50.31207133, 37.66289438, 43.95061728, -43.79458162],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"276341b3-574c-0fd6-687d-16f3c15ccbe5","type":"JavaScriptFunction","x":358.83333333333337,"y":264.5,"parameters":{"functionScript":"Outputs.JSON = JSON.stringify(Inputs.Value)"},"ports":[],"dynamicports":[{"name":"in-Value","displayName":"Value","plug":"input","type":"*","group":"Inputs","index":4},{"name":"out-JSON","displayName":"JSON","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"fb58aa89-ac92-1858-4225-0b2c44368900","type":"Group","x":20,"y":329,"parameters":{"flexDirection":"row"},"ports":[],"dynamicports":[],"children":[{"id":"697e3d7a-b6b5-bfb2-02ff-3413161907c1","type":"Group","parameters":{"width":{"value":50,"unit":"%"}},"ports":[],"dynamicports":[],"children":[]},{"id":"aaa4dd6d-350c-aa41-91f3-1af8e79801d2","type":"Group","parameters":{"width":{"value":50,"unit":"%"}},"ports":[],"dynamicports":[],"children":[{"id":"0c82e649-508e-5a78-c68d-c973beb3950c","type":"Text","parameters":{"text":"Chart.js Options","color":"Navigation Text","marginBottom":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"eea09fdb-7981-8269-78b3-960a247bc4fb","type":"Text","parameters":{"text":"","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]}]}],"visualRoots":["051907eb-1cb2-0c50-de64-b033e3a603e1","fb58aa89-ac92-1858-4225-0b2c44368900"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":3000,"y":1200}}},{"name":"/Bar Charts/Stacked Bar Chart","id":"4dc5f12d-d228-a38f-8ee9-5e7e06249152","graph":{"connections":[{"fromId":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","fromProperty":"out-Data","toId":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","toProperty":"data"},{"fromId":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","fromProperty":"out-Scales","toId":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","toProperty":"scales"},{"fromId":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","fromProperty":"didMount","toId":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","toProperty":"run"},{"fromId":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","fromProperty":"didMount","toId":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","toProperty":"run"}],"roots":[{"id":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-chart","index":15}],"children":[{"id":"49700566-e2fe-51bd-cc1e-7d91129b63bf","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart - Stacked","plugins.title.display":true,"scales.y.min":10,"scales.y.stacked":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"16d0cb5a-d0a8-3e13-c5a4-bd1434a826c5","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","type":"JavaScriptFunction","x":-297.3333333333333,"y":76,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n ],\r\n datasets: [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n [\r\n 16.299725651577518,\r\n 46.01251714677642\r\n ],\r\n [\r\n 4.6862139917695345,\r\n 28.74056927297667\r\n ],\r\n [\r\n -41.70096021947873,\r\n -18.366769547325106\r\n ],\r\n [\r\n 12.94067215363512,\r\n 3.455932784636502\r\n ],\r\n [\r\n -14.104938271604937,\r\n 52.23336762688615\r\n ],\r\n [\r\n 64.81652949245543,\r\n -99.19495884773663\r\n ],\r\n [\r\n 29.951989026063103,\r\n 25.714163237311396\r\n ]\r\n ],\r\n \"backgroundColor\": \"rgb(255, 99, 132)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n [\r\n 9.69650205761316,\r\n 29.429869684499323\r\n ],\r\n [\r\n -30.51783264746227,\r\n -4.097222222222214\r\n ],\r\n [\r\n -65.99965706447188,\r\n -20.54612482853223\r\n ],\r\n [\r\n -57.242798353909464,\r\n 26.996742112482863\r\n ],\r\n [\r\n -61.03737997256516,\r\n -66.40689300411523\r\n ],\r\n [\r\n -8.24759945130316,\r\n -68.6582647462277\r\n ],\r\n [\r\n 51.74382716049385,\r\n -88.39934842249657\r\n ]\r\n ],\r\n \"backgroundColor\": \"rgb(54, 162, 235)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","type":"JavaScriptFunction","x":-300.16666666666663,"y":176.5,"parameters":{"functionScript":"Outputs.Scales = {\r\n x: {\r\n stacked: true\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["b2f5b73b-e99d-206f-c6f8-cf40b9899771"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":4500,"y":1200}}},{"name":"/Bar Charts/Stacked Bar Chart with Groups","id":"a508eec2-e7e0-a0e4-2ab5-7fc3a4663667","graph":{"connections":[{"fromId":"59783de4-959d-9e37-3143-7a5bba64afa4","fromProperty":"out-Data","toId":"cd907e2b-f3f7-c405-43c0-879a2c44282e","toProperty":"data"},{"fromId":"110fb4d2-318e-6fba-aab4-589a552de861","fromProperty":"out-Scales","toId":"cd907e2b-f3f7-c405-43c0-879a2c44282e","toProperty":"scales"},{"fromId":"cabaef56-5233-8023-f3ef-886feb173cf8","fromProperty":"didMount","toId":"59783de4-959d-9e37-3143-7a5bba64afa4","toProperty":"run"},{"fromId":"cabaef56-5233-8023-f3ef-886feb173cf8","fromProperty":"didMount","toId":"110fb4d2-318e-6fba-aab4-589a552de861","toProperty":"run"}],"roots":[{"id":"cabaef56-5233-8023-f3ef-886feb173cf8","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Bar Chart with Groups","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-chart-with-groups","index":15}],"children":[{"id":"dd0ac646-a510-3aa6-7e74-85822cdc3000","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cd907e2b-f3f7-c405-43c0-879a2c44282e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart - Stacked","plugins.title.display":true,"intersect":false,"interaction.intersect":false},"ports":[],"dynamicports":[],"children":[]}]},{"id":"83643ac9-3d50-6491-eb87-a860c35cb324","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"59783de4-959d-9e37-3143-7a5bba64afa4","type":"JavaScriptFunction","x":-266.3333333333333,"y":87,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [78.51851852, -68.48593964, -84.83196159, 24.54218107, 91.73525377, 8.10528121, 79.82510288],\r\n \"backgroundColor\": \"rgb(255, 99, 132)\",\r\n \"stack\": \"Stack 0\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [-83.228738, 54.74622771, -88.96604938, 73.28875171, -78.24245542, -15.16460905, 27.95438957],\r\n \"backgroundColor\": \"rgb(54, 162, 235)\",\r\n \"stack\": \"Stack 0\"\r\n }, {\r\n \"label\": \"Dataset 3\",\r\n \"data\": [75.80589849, -32.10390947, 47.43484225, -16.4420439, -73.11728395, -1.60322359, -88.31961591],\r\n \"backgroundColor\": \"rgb(75, 192, 192)\",\r\n \"stack\": \"Stack 1\"\r\n }]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"110fb4d2-318e-6fba-aab4-589a552de861","type":"JavaScriptFunction","x":-262.16666666666663,"y":193.5,"parameters":{"functionScript":"Outputs.Scales = {\r\n x: {\r\n stacked: true\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["cabaef56-5233-8023-f3ef-886feb173cf8"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":6000,"y":1200}}},{"name":"/Bar Charts/Vertical Bar Chart","id":"df0c8d1a-742a-8f63-9e3e-f59fd651c2a5","graph":{"connections":[{"fromId":"fc622a49-d3c9-c54a-3a27-c6cc8d95109b","fromProperty":"out-Data","toId":"f3eb2a50-9b21-ab3f-64c1-c626df7af73e","toProperty":"data"}],"roots":[{"id":"9bd78d8b-6dab-f443-8571-35e5ba49a9d5","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Vertical Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"vertical-bar-chart","index":15}],"children":[{"id":"c82f2b1e-9cc9-c5e4-179c-46030a7221bf","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"f3eb2a50-9b21-ab3f-64c1-c626df7af73e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f7e0c36d-c586-c02a-e276-6fad269d75d1","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"fc622a49-d3c9-c54a-3a27-c6cc8d95109b","type":"JavaScriptFunction","x":-256.3333333333333,"y":169,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [-40.08230453, 52.41941015, -20.71673525, -42.20679012, -24.39643347, 12.96124829, -1.73868313],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [96.93587106, -66.32373114, -52.01131687, 83.0829904, 8.09499314, 73.64197531, 0.71159122],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }]\r\n}"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["9bd78d8b-6dab-f443-8571-35e5ba49a9d5"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":7500,"y":1200}}},{"name":"/Home","id":"d1a5e184-e937-bc07-2e24-ac55ded032b7","graph":{"connections":[{"fromId":"5d745541-401a-8219-76de-a3c968a127b5","fromProperty":"onClick","toId":"a34da570-7db0-22bd-6619-dc2ee548f965","toProperty":"do"}],"roots":[{"id":"0d50b10d-b859-c47c-0f61-2763c78f771f","type":"Page","x":0,"y":0,"parameters":{"paddingTop":{"value":16,"unit":"px"},"paddingLeft":{"value":16,"unit":"px"},"paddingRight":{"value":16,"unit":"px"},"urlPath":"/"},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Home","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"home","index":15}],"children":[{"id":"a778646e-7ed5-f0a6-9a1a-08c457384198","type":"Group","variant":"Card","parameters":{"minWidth":{"value":500,"unit":"px"},"minHeight":{"value":500,"unit":"px"},"sizeMode":"contentHeight","backgroundColor":"Navigation 2","borderColor":"Navigation 1","borderWidth":{"value":2,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"2f8a70a0-8245-2d52-a8d4-fa80f02b5f2b","type":"Text","parameters":{"text":"Chart.js Module Preview","marginBottom":{"value":16,"unit":"px"},"color":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[]},{"id":"5cba6716-b0d2-2066-1de5-32fcebeede52","type":"Text","parameters":{"text":"All these samples are based on the Chart.js Samples.\n\nChart.js comes with built-in chart types:\n* line and area\n* bar\n* radar\n* doughnut\n* pie\n* polar area\n* bubble\n* scatter","sizeMode":"contentSize","color":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[]},{"id":"5d745541-401a-8219-76de-a3c968a127b5","type":"Text","parameters":{"text":"Open Chart.js Samples","color":"#1400FF","sizeMode":"contentSize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"b55a86e4-22a8-c722-c5be-e13d29518b28","type":"PageInputs","x":-445,"y":9,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"a34da570-7db0-22bd-6619-dc2ee548f965","type":"net.noodl.externallink","x":279.16666666666674,"y":246.5,"parameters":{"link":"https://www.chartjs.org/docs/latest/samples"},"ports":[],"dynamicports":[],"children":[]}],"visualRoots":["0d50b10d-b859-c47c-0f61-2763c78f771f"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1513.25384087447,"y":-30.92562870709705}}},{"name":"/Line Charts/Interpolation Modes","id":"64948d93-938e-1849-4ea1-a05bd785ffbe","graph":{"connections":[{"fromId":"f7cfbc6c-7500-cda6-c877-a946d9cc9bb8","fromProperty":"out-Data","toId":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","toProperty":"data"},{"fromId":"be714ecd-45bf-085b-4229-c0bc818d35ac","fromProperty":"out-Scales","toId":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","toProperty":"scales"}],"roots":[{"id":"1d24b190-466b-6599-16cb-05270ca6d780","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Interpolation Modes","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"interpolation-modes","index":15}],"children":[{"id":"6a8aacdf-f191-72d5-10ce-e76b18b77665","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart - Cubic interpolation mode"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"643744ce-4c35-5f4a-805e-2c5729e298d0","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f7cfbc6c-7500-cda6-c877-a946d9cc9bb8","type":"JavaScriptFunction","x":-313.3333333333333,"y":100,"parameters":{"functionScript":"Outputs.Data = {\n labels: [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"11\"],\n datasets: [\n {\n \"label\": \"Cubic interpolation (monotone)\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"fill\": false,\n \"cubicInterpolationMode\": \"monotone\",\n \"tension\": 0.4\n },\n {\n \"label\": \"Cubic interpolation\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"fill\": false,\n \"tension\": 0.4\n },\n {\n \"label\": \"Linear interpolation (default)\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(75, 192, 192)\",\n \"fill\": false\n }\n ]\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"be714ecd-45bf-085b-4229-c0bc818d35ac","type":"JavaScriptFunction","x":-316.81100195045815,"y":241.0233296892771,"parameters":{"functionScript":"Outputs.Scales = {\n x: {\n display: true,\n title: {\n display: true\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n },\n suggestedMin: -10,\n suggestedMax: 200\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["1d24b190-466b-6599-16cb-05270ca6d780"]},"metadata":{"canvasPos":{"x":-12.681806515365473,"y":2400}}},{"name":"/Line Charts/Line Chart","id":"69c7f4a9-7b09-7a70-9929-b7dcec7bcf2f","graph":{"connections":[{"fromId":"52b66f8e-ddca-6e5a-b349-5088b53852b9","fromProperty":"out-Data","toId":"7007acb6-f34a-81f9-a084-683fc6e61245","toProperty":"data"}],"roots":[{"id":"2ba2681f-947a-3ffe-43ac-42171e3ff345","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-chart","index":15}],"children":[{"id":"c5d05082-de17-aee3-74d8-49550335019f","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"7007acb6-f34a-81f9-a084-683fc6e61245","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"43874c75-7db0-a294-ae1d-dcdd64fd7561","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"52b66f8e-ddca-6e5a-b349-5088b53852b9","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n \"label\": \"Dataset 1\",\n \"data\": [\n -95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,\n -58.07098765, 41.22085048\n ],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\n },\n {\n \"label\": \"Dataset 2\",\n \"data\": [\n 48.94890261, 26.84156379, 73.66426612, -52.55829904, 21.01337449,\n -29.07750343, -0.36179698\n ],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\n }\n ]\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["2ba2681f-947a-3ffe-43ac-42171e3ff345"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1480,"y":2380}}},{"name":"/Line Charts/Line Segment Styling","id":"a79d225a-bd1f-750f-1bd0-49b184770a16","graph":{"connections":[{"fromId":"b6eb6e8b-3c5b-e391-6242-7c4f56ddf8c4","fromProperty":"out-Data","toId":"f098cfbf-a9ea-3bad-da2d-6cc7278a7873","toProperty":"data"}],"roots":[{"id":"6883756a-90d9-4f36-51cb-b90b00b73bc4","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Segment Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-segment-styling","index":15}],"children":[{"id":"bd91cd61-2702-5615-3b11-83777a6dfc20","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"f098cfbf-a9ea-3bad-da2d-6cc7278a7873","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"7f43eeca-e4bb-ac5e-5595-e9083d6f3459","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"b6eb6e8b-3c5b-e391-6242-7c4f56ddf8c4","type":"JavaScriptFunction","x":-359.3333333333333,"y":104,"parameters":{"functionScript":"const skipped = (ctx, value) => ctx.p0.skip || ctx.p1.skip ? value : undefined;\r\nconst down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ? value : undefined;\r\n\r\nOutputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n label: 'My First Dataset',\r\n data: [65, 59, NaN, 48, 56, 57, 40],\r\n borderColor: 'rgb(75, 192, 192)',\r\n segment: {\r\n borderColor: ctx => skipped(ctx, 'rgb(0,0,0,0.2)') || down(ctx, 'rgb(192,75,75)'),\r\n borderDash: ctx => skipped(ctx, [6, 6]),\r\n },\r\n spanGaps: true\r\n }]\r\n}"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["6883756a-90d9-4f36-51cb-b90b00b73bc4"]},"metadata":{"canvasPos":{"x":3045,"y":2470}}},{"name":"/Line Charts/Line Styling","id":"69ba6432-6ee5-b9ca-7241-46ad48a608ec","graph":{"connections":[{"fromId":"f5e5a63d-dca9-f018-d9ca-c2b4b0ab6f1b","fromProperty":"out-Data","toId":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","toProperty":"data"},{"fromId":"caee7d53-780e-84d7-cbec-b45f7aa67eb1","fromProperty":"out-Scales","toId":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","toProperty":"scales"}],"roots":[{"id":"dc69cc23-74cb-e30f-7f90-7c5d1dedfb86","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-styling","index":15}],"children":[{"id":"be14469a-0617-febd-ec50-9fb2eeb128e5","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart","interaction.mode":"index"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d80048d1-4555-b514-8ab7-daf65c3edac0","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f5e5a63d-dca9-f018-d9ca-c2b4b0ab6f1b","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Unfilled\",\r\n \"fill\": false,\r\n \"backgroundColor\": \"rgb(54, 162, 235)\",\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"data\": [\r\n 99.42043896, 26.9015775, -23.60082305, -42.21021948, -93.12414266,\r\n 40.94135802, -52.35939643\r\n ]\r\n },\r\n {\r\n \"label\": \"Dashed\",\r\n \"fill\": false,\r\n \"backgroundColor\": \"rgb(75, 192, 192)\",\r\n \"borderColor\": \"rgb(75, 192, 192)\",\r\n \"borderDash\": [5, 5],\r\n \"data\": [\r\n 7.22050754, -51.92386831, -64.36042524, -5.39780521, -35.52983539,\r\n -11.54663923, -64.31241427\r\n ]\r\n },\r\n {\r\n \"label\": \"Filled\",\r\n \"backgroundColor\": \"rgb(255, 99, 132)\",\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"data\": [\r\n -43.20987654, -27.25137174, 97.14334705, -8.2973251, -44.8079561,\r\n -54.3638546, -64.1255144\r\n ],\r\n \"fill\": true\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"caee7d53-780e-84d7-cbec-b45f7aa67eb1","type":"JavaScriptFunction","x":-366.66666666666663,"y":274.5,"parameters":{"functionScript":"Outputs.Scales = {\n x: {\n display: true,\n title: {\n display: true,\n text: 'Month'\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n }\n }\n}\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["dc69cc23-74cb-e30f-7f90-7c5d1dedfb86"]},"metadata":{"canvasPos":{"x":4540,"y":2460}}},{"name":"/Line Charts/Multi Axis Line Chart","id":"99d373d1-2e85-681a-ccc0-bd9f60c9f1c6","graph":{"connections":[{"fromId":"9193bad1-4aae-b6b4-9c22-1aaf24087534","fromProperty":"out-Data","toId":"8dbb0450-fcdb-9aec-b7ec-4487c08a70a3","toProperty":"data"}],"roots":[{"id":"37493aec-db12-8fe8-58d3-57b9ea16953f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Multi Axis Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"multi-axis-line-chart","index":15}],"children":[{"id":"ec486e13-f9af-29d7-7fd5-a71f58f990f1","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"8dbb0450-fcdb-9aec-b7ec-4487c08a70a3","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9ca9c6ce-9209-9214-1b7d-75219b7cde0d","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9193bad1-4aae-b6b4-9c22-1aaf24087534","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n -68.89917695, -66.52091907, 96.14540466, -8.06069959, 97.40397805,\r\n 15.00857339, 28.7037037\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"yAxisID\": \"y\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n -7.18964335, -45.75788752, -91.93930041, 86.3648834, -19.48731139,\r\n 96.67695473, 44.73422497\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"yAxisID\": \"y1\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["37493aec-db12-8fe8-58d3-57b9ea16953f"]},"metadata":{"canvasPos":{"x":6023.333222061486,"y":2430}}},{"name":"/Line Charts/Point Styling","id":"82dc8e49-e1d0-5215-f261-2dfa4437e413","graph":{"connections":[{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Data","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"data"},{"fromId":"fd85357d-a069-fedb-d846-bc01ba62b818","fromProperty":"didMount","toId":"c00f7a56-68ed-d61f-00f2-d1e4552440cf","toProperty":"store"},{"fromId":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","fromProperty":"formatted","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"plugins.title.text"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Point Style","toId":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","toProperty":"PointStyle"},{"fromId":"e912324a-8f9d-05ef-a972-e4f7edf40ba7","fromProperty":"value-Point Style","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"in-PointStyle"},{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Data","toId":"b98fc279-115f-0602-dfee-fe483a8f13a1","toProperty":"prop-Data"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Data","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"in-Data"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Point Style","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"in-PointStyle"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"changed","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"run"},{"fromId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","fromProperty":"out-Data","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"data"},{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Done","toId":"b98fc279-115f-0602-dfee-fe483a8f13a1","toProperty":"store"},{"fromId":"efa86cff-96f4-f5bb-4fa1-3332657073d5","fromProperty":"out-Items","toId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","toProperty":"items"},{"fromId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","fromProperty":"onChange","toId":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","toProperty":"store"},{"fromId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","fromProperty":"value","toId":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","toProperty":"prop-Point Style"},{"fromId":"fd85357d-a069-fedb-d846-bc01ba62b818","fromProperty":"didMount","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"run"},{"fromId":"eb2b2c7e-b73b-36a1-e5ec-9d27d1c6718c","fromProperty":"onClick","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"run"},{"fromId":"095277e2-d62a-dfc8-d98f-04dc7789eec7","fromProperty":"out-Animations","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"animations"}],"roots":[{"id":"fd85357d-a069-fedb-d846-bc01ba62b818","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Point Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"point-styling","index":15}],"children":[{"id":"d13264f2-1c19-5e19-2370-3f2e0a40e3be","type":"/#Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"044b6b1a-b750-18e5-4684-139a710a42c3","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Point Style","animateOnDataUpdate":false},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0d4862f4-1562-de7a-d70c-237bb0fae516","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"eb2b2c7e-b73b-36a1-e5ec-9d27d1c6718c","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]},{"id":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","type":"net.noodl.controls.options","parameters":{"marginBottom":{"value":6,"unit":"px"},"useLabel":true,"label":"Point Style","value":"circle","color":"#AAAA9F","backgroundColor":"Background 1","borderColor":"Background 2"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","type":"JavaScriptFunction","label":"Generate the Dataset","x":408.37321020594436,"y":-20.554234594827847,"parameters":{"functionScript":"const pointStyle = Inputs.PointStyle\r\n\r\nOutputs.Data = {\r\n labels: [\"Day 1\", \"Day 2\", \"Day 3\", \"Day 4\", \"Day 5\", \"Day 6\"],\r\n datasets: [\r\n {\r\n label: \"Dataset\",\r\n data: Utils.numbers({count: 6, min: -100, max: 100}),\r\n borderColor: \"rgb(255, 99, 132)\",\r\n backgroundColor: \"rgba(255, 99, 132, 0.5)\",\r\n pointStyle: pointStyle,\r\n pointRadius: 10,\r\n pointHoverRadius: 15\r\n }\r\n ]\r\n}\r\n\r\nOutputs.Done()\r\n","scriptOutputs":[{"id":"x9ou","label":"Done"},{"id":"dw6a","label":"Data"}],"outtype-Data":"object","outtype-Done":"signal","scriptInputs":[{"id":"p0zp","label":"Done"}],"intype-Done":"object","intype-Numbers":"array"},"ports":[],"dynamicports":[{"name":"outtype-Done","displayName":"Type","editorName":"Done | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"x9ou","index":4},{"name":"out-Done","displayName":"Done","plug":"output","type":"signal","group":"Outputs","index":5},{"name":"outtype-Data","displayName":"Type","editorName":"Data | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"dw6a","index":6},{"name":"out-Data","displayName":"Data","plug":"output","type":"object","group":"Outputs","index":7},{"name":"intype-Done","displayName":"Type","editorName":"Done | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"p0zp","index":8},{"name":"in-Done","displayName":"Done","plug":"input","type":"object","group":"Inputs","index":9},{"name":"in-PointStyle","displayName":"PointStyle","plug":"input","type":"*","group":"Inputs","index":10}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","type":"net.noodl.ComponentObject","x":-605.1194405858288,"y":142.01814171318847,"parameters":{"properties":"Point Style,Data"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Point Style","displayName":"Point Style","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Point Style Changed","name":"changed-Point Style","index":5},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Data","displayName":"Data","index":6},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Data Changed","name":"changed-Data","index":7}],"children":[]},{"id":"c00f7a56-68ed-d61f-00f2-d1e4552440cf","type":"net.noodl.SetComponentObjectProperties","label":"Set Initial values","x":-27.558411219115897,"y":-225.40903766590077,"parameters":{"properties":"Point Style","type-Point Style":"string","prop-Point Style":"circle"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"Point Style","name":"prop-Point Style","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Point Style","name":"type-Point Style","index":4}],"children":[]},{"id":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","type":"String Format","x":-300.23296407002306,"y":91.9731053707601,"parameters":{"format":"Point Style: {PointStyle}\n"},"ports":[],"dynamicports":[{"name":"PointStyle","type":"string","plug":"input","index":2}],"children":[]},{"id":"e912324a-8f9d-05ef-a972-e4f7edf40ba7","type":"net.noodl.ComponentObject","x":701.6931642965237,"y":96.19514285177337,"parameters":{"properties":"Point Style"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Point Style","displayName":"Point Style","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Point Style Changed","name":"changed-Point Style","index":5}],"children":[]},{"id":"b98fc279-115f-0602-dfee-fe483a8f13a1","type":"net.noodl.SetComponentObjectProperties","x":697.9895781653156,"y":-105.73786578145922,"parameters":{"properties":"Data","type-Point Style":"string","prop-Point Style":"circle","type-Data":"object"},"ports":[],"dynamicports":[{"type":{"name":"object"},"plug":"input","group":"Property Values","displayName":"Data","name":"prop-Data","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Data","name":"type-Data","index":4}],"children":[]},{"id":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","type":"JavaScriptFunction","label":"Update Point Style on Dataset ","x":-299.868923031313,"y":191.99259075691776,"parameters":{"functionScript":"const pointStyle = Inputs.PointStyle\r\nconst data = Inputs.Data\r\n\r\ndata.datasets.forEach((dataset) => {\r\n dataset.pointStyle = pointStyle\r\n})\r\n\r\nOutputs.Data = data\r\n"},"ports":[],"dynamicports":[{"name":"in-PointStyle","displayName":"PointStyle","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-Data","displayName":"Data","plug":"input","type":"*","group":"Inputs","index":5},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"efa86cff-96f4-f5bb-4fa1-3332657073d5","type":"JavaScriptFunction","label":"Point Style Items","x":-304,"y":568,"parameters":{"functionScript":"Outputs.Items = [\r\n {\r\n Label: \"circle (default)\",\r\n Value: \"circle\",\r\n },\r\n {\r\n Label: \"cross\",\r\n Value: \"cross\",\r\n },\r\n {\r\n Label: \"crossRot\",\r\n Value: \"crossRot\",\r\n },\r\n {\r\n Label: \"dash\",\r\n Value: \"dash\",\r\n },\r\n {\r\n Label: \"line\",\r\n Value: \"line\",\r\n },\r\n {\r\n Label: \"rect\",\r\n Value: \"rect\",\r\n },\r\n {\r\n Label: \"rectRounded\",\r\n Value: \"rectRounded\",\r\n },\r\n {\r\n Label: \"rectRot\",\r\n Value: \"rectRot\",\r\n },\r\n {\r\n Label: \"star\",\r\n Value: \"star\",\r\n },\r\n {\r\n Label: \"triangle\",\r\n Value: \"triangle\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Items","displayName":"Items","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","type":"net.noodl.SetComponentObjectProperties","label":"Set Component Object Properties","x":391.52841226798216,"y":376.47166769252954,"parameters":{"properties":"Point Style","type-Point Style":"string","prop-Point Style":"cross"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"Point Style","name":"prop-Point Style","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Point Style","name":"type-Point Style","index":4}],"children":[]},{"id":"095277e2-d62a-dfc8-d98f-04dc7789eec7","type":"JavaScriptFunction","label":"","x":-304,"y":392,"parameters":{"functionScript":"Outputs.Animations = {\r\n tension: {\r\n duration: 1000,\r\n easing: 'linear',\r\n from: 1,\r\n to: 0,\r\n loop: true\r\n }\r\n}"},"ports":[],"dynamicports":[{"name":"out-Animations","displayName":"Animations","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["fd85357d-a069-fedb-d846-bc01ba62b818"]},"metadata":{"canvasPos":{"x":7520,"y":2500}}},{"name":"/Line Charts/Stacked Line Chart","id":"7283858f-5766-df92-2342-cafc10848eff","graph":{"connections":[{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Data","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"data"},{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Scales","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"scales"},{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Plugins","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"customPlugins"}],"roots":[{"id":"841c9d93-c153-d72d-2ff1-dc22c892d6b2","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-line-chart","index":15}],"children":[{"id":"00129b7c-445b-4b51-37b4-e5b5e8fba92f","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","type":"Line Chart","label":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Stacked Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"ab1c0abb-380b-a847-4c47-b4344cd879ac","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"99bc143a-b842-fdee-1e7d-48e4654b608c","type":"JavaScriptFunction","x":-344,"y":96,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n stacked: true\n }\n}\n\nOutputs.Data = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n \"label\": \"Dataset 1\",\n \"data\": [\n 95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,\n 58.07098765, 41.22085048\n ],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\n fill: true\n },\n {\n \"label\": \"Dataset 2\",\n \"data\": [\n 48.94890261, 26.84156379, 73.66426612, 52.55829904, 21.01337449,\n 29.07750343, 0.36179698\n ],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\n fill: true\n }\n ]\n}\n\nOutputs.Plugins = {\n filler: {\n propagate: true\n }\n};\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":5},{"name":"out-Plugins","displayName":"Plugins","plug":"output","type":"*","group":"Outputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["841c9d93-c153-d72d-2ff1-dc22c892d6b2"]}},{"name":"/Line Charts/Stepped Line Charts","id":"229beedb-37ab-ff99-33cd-caf8f8ac96e1","graph":{"connections":[{"fromId":"1c3aa8fd-a7f6-0321-4cc9-896c479f8b27","fromProperty":"out-Data","toId":"3628b88c-1f50-d135-8336-6201d9c5bd8f","toProperty":"data"}],"roots":[{"id":"dc6b6876-19f2-98aa-7092-ca62307ab966","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stepped Line Charts","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stepped-line-charts","index":15}],"children":[{"id":"faad61b5-4fc8-c5d5-b8d7-3395747320c7","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"3628b88c-1f50-d135-8336-6201d9c5bd8f","type":"Line Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"7e536ad6-6793-9c16-6d5a-3c81f99f9560","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1c3aa8fd-a7f6-0321-4cc9-896c479f8b27","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"Day 1\", \"Day 2\", \"Day 3\", \"Day 4\", \"Day 5\", \"Day 6\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset\",\r\n \"data\": [\r\n -90.74759945, 69.24382716, -42.57544582, 87.37482853, -79.17695473,\r\n -43.46536351\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"fill\": false,\r\n \"stepped\": true\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["dc6b6876-19f2-98aa-7092-ca62307ab966"]},"metadata":{"canvasPos":{"x":8950,"y":2410}}},{"name":"/Other Charts/Bubble","id":"020b9971-b617-056c-f834-84c8bdd511f0","graph":{"connections":[{"fromId":"d438022d-aff8-5176-9b5e-72caa274221b","fromProperty":"out-Data","toId":"ebe98911-4ff9-2741-61fe-b505cb37b7fa","toProperty":"data"}],"roots":[{"id":"9288ac4b-998e-81f7-9240-26eb90e196c9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Bubble","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"bubble","index":15}],"children":[{"id":"26b26232-4d0f-ed8e-c0dc-b3aae399c88c","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"ebe98911-4ff9-2741-61fe-b505cb37b7fa","type":"Bubble Chart","parameters":{"plugins.title.text":"Chart.js Bubble Chart'","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8e4d7ffa-5f3d-1df2-832b-ba594147ce7f","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d438022d-aff8-5176-9b5e-72caa274221b","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 6.64266118, \"y\": 17.53858025, \"r\": 9.314643347050755 },\r\n { \"x\": 96.5149177, \"y\": 11.62894376, \"r\": 7.610982510288066 },\r\n { \"x\": 76.40775034, \"y\": 26.60408093, \"r\": 11.861539780521262 },\r\n { \"x\": 58.66683813, \"y\": 93.3281893, \"r\": 6.294710219478738 },\r\n { \"x\": 63.04526749, \"y\": 61.18398491, \"r\": 9.212962962962962 },\r\n { \"x\": 61.14797668, \"y\": 9.18381344, \"r\": 11.881730109739369 },\r\n { \"x\": 87.54286694, \"y\": 23.74742798, \"r\": 14.084962277091908 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 13.47350823, \"y\": 60.22333676, \"r\": 10.254929698216735 },\r\n { \"x\": 18.52066187, \"y\": 81.83427641, \"r\": 13.214334705075446 },\r\n { \"x\": 18.52666324, \"y\": 36.67566872, \"r\": 8.640303497942387 },\r\n { \"x\": 88.80015432, \"y\": 63.01911866, \"r\": 5.576045953360769 },\r\n { \"x\": 89.83496228, \"y\": 62.0991941, \"r\": 14.91662379972565 },\r\n { \"x\": 78.42121056, \"y\": 75.8912037, \"r\": 11.631172839506174 },\r\n { \"x\": 85.42309671, \"y\": 31.55564129, \"r\": 13.65179183813443 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["9288ac4b-998e-81f7-9240-26eb90e196c9"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":3600}}},{"name":"/Other Charts/Combo bar line","id":"30a9d5ed-cc92-bdb6-e23b-8c9c673f739a","graph":{"connections":[{"fromId":"01eab77b-82c6-552d-8402-4649ee2d415e","fromProperty":"out-Data","toId":"de2796dc-6d2e-40c2-a54d-6af6aab9f04b","toProperty":"data"}],"roots":[{"id":"01e4d0ba-a4d7-7859-99bb-0e7370d4e8f9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Combo bar line","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"combo-bar-line","index":15}],"children":[{"id":"c0f66e8e-0a8f-1790-8c84-0351b29c3111","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"de2796dc-6d2e-40c2-a54d-6af6aab9f04b","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Combined Line/Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"54cfb28b-4534-4782-a46c-431fa606b14f","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"01eab77b-82c6-552d-8402-4649ee2d415e","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 43.68312757, -4.55589849, -62.87722908, 19.33641975, -36.92729767,\r\n 81.91186557, 37.58230453\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"order\": 1\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n -71.1505487, -86.26200274, -34.91255144, -40.55898491, 99.26783265,\r\n 68.51851852, -78.48593964\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"type\": \"line\",\r\n \"order\": 0\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["01e4d0ba-a4d7-7859-99bb-0e7370d4e8f9"]},"metadata":{"canvasPos":{"x":1530,"y":3630}}},{"name":"/Other Charts/Doughnut","id":"c44ce2eb-c125-ce00-64e2-6e3099b69321","graph":{"connections":[{"fromId":"31f10e0c-26d2-6219-240b-f4d900929f65","fromProperty":"out-Data","toId":"fdb39ab4-ee47-555f-b424-22a3ba59cc88","toProperty":"data"}],"roots":[{"id":"fe766121-2aaf-3861-3eb0-53711a059e53","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Doughnut","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"doughnut","index":15}],"children":[{"id":"2c54a54c-9917-8a0a-8a6e-372a42857ac2","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"fdb39ab4-ee47-555f-b424-22a3ba59cc88","type":"Doughnut Chart","parameters":{"plugins.title.text":"Chart.js Doughnut Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4673050f-44da-25be-e2e4-5c58981f26d9","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"31f10e0c-26d2-6219-240b-f4d900929f65","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"Red\", \"Orange\", \"Yellow\", \"Green\", \"Blue\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [96.79955418, 80.80761317, 36.31772977, 64.56447188, 7.52314815],\r\n \"backgroundColor\": [\r\n \"rgb(255, 99, 132)\",\r\n \"rgb(255, 159, 64)\",\r\n \"rgb(255, 205, 86)\",\r\n \"rgb(75, 192, 192)\",\r\n \"rgb(54, 162, 235)\",\r\n \"rgb(153, 102, 255)\",\r\n \"rgb(201, 203, 207)\",\r\n \"rgba(255, 99, 132, 0.5)\",\r\n \"rgba(255, 99, 132, 0.5)\",\r\n \"rgba(75, 192, 192, 0.5)\",\r\n \"rgba(54, 162, 235, 0.5)\"\r\n ]\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["fe766121-2aaf-3861-3eb0-53711a059e53"]},"metadata":{"canvasPos":{"x":2975,"y":3570}}},{"name":"/Other Charts/Pie","id":"2614d74b-5049-e5ec-35e9-8a16be07415e","graph":{"connections":[{"fromId":"35f48a5f-d27b-b6e5-aa97-93c1c7a584f8","fromProperty":"out-Data","toId":"bb6cc8ed-d85d-a4a5-ab3a-b1aa40e27d56","toProperty":"data"}],"roots":[{"id":"2392f2aa-b100-4aeb-688a-6353bf1ad1ec","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Pie","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"pie","index":15}],"children":[{"id":"61544543-35ae-c1bc-455f-2e348b4bdbd1","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"bb6cc8ed-d85d-a4a5-ab3a-b1aa40e27d56","type":"Pie Chart","parameters":{"plugins.legend.position":"bottom","plugins.title.text":"Chart.js Pie Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"6967ff0d-b801-57b4-32e9-497d67c5417b","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"35f48a5f-d27b-b6e5-aa97-93c1c7a584f8","type":"JavaScriptFunction","x":-349.3333333333333,"y":108,"parameters":{"functionScript":"Outputs.Data = {\r\n datasets: [{\r\n data: [10, 20, 30],\r\n backgroundColor: [\r\n '#FF5382',\r\n '#FFCC34',\r\n '#00A3F1'\r\n ],\r\n }],\r\n labels: [\r\n 'Red',\r\n 'Yellow',\r\n 'Blue'\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["2392f2aa-b100-4aeb-688a-6353bf1ad1ec"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":4610,"y":3560}}},{"name":"/Other Charts/Polar area","id":"2f9ca43e-ddd4-46a3-8fed-d506cca988d9","graph":{"connections":[{"fromId":"8e79311d-6482-a647-97a0-80727620ca8f","fromProperty":"out-Data","toId":"d1502093-6864-6441-751c-a129a9c007f3","toProperty":"data"}],"roots":[{"id":"08ef6cbd-10ff-c93c-3d1b-7558ae10dd24","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Polar area","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"polar-area","index":15}],"children":[{"id":"383467bc-c894-ace6-f325-b7a880c726ee","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"d1502093-6864-6441-751c-a129a9c007f3","type":"Polar Area Chart","parameters":{"plugins.title.text":"Chart.js Polar Area Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d43f2213-b197-8bda-a865-950efe616976","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8e79311d-6482-a647-97a0-80727620ca8f","type":"JavaScriptFunction","x":-271.16666666666663,"y":199.5,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,\r\n 33.50823045, 9.38871742\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,\r\n 76.09139232, 68.53566529\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["08ef6cbd-10ff-c93c-3d1b-7558ae10dd24"]},"metadata":{"canvasPos":{"x":6115,"y":3580}}},{"name":"/Other Charts/Polar area centered point labels","id":"0972cbf1-a38f-2148-10c1-19b60177ad31","graph":{"connections":[{"fromId":"52b57ff7-34e8-4d8a-6d90-35dd609742e6","fromProperty":"out-Scales","toId":"319c96c1-828f-0c18-b4a7-d29fa491095b","toProperty":"scales"},{"fromId":"d553c74d-5c4d-41f5-515d-7507a616cc64","fromProperty":"out-Data","toId":"319c96c1-828f-0c18-b4a7-d29fa491095b","toProperty":"data"}],"roots":[{"id":"1b4a0322-5793-7bd6-d86e-d6c55f70f910","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Polar area centered point labels","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"polar-area-centered-point-labels","index":15}],"children":[{"id":"09758a37-e5a4-3e95-190a-711718e7a385","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"319c96c1-828f-0c18-b4a7-d29fa491095b","type":"Polar Area Chart","parameters":{"plugins.title.text":"Chart.js Polar Area Chart With Centered Point Labels","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"22786594-6a89-85e8-7948-77bfb57014ed","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d553c74d-5c4d-41f5-515d-7507a616cc64","type":"JavaScriptFunction","x":-346.3333333333333,"y":92,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,\r\n 33.50823045, 9.38871742\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,\r\n 76.09139232, 68.53566529\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"52b57ff7-34e8-4d8a-6d90-35dd609742e6","type":"JavaScriptFunction","x":-344.16666666666663,"y":212.5,"parameters":{"functionScript":"Outputs.Scales = {\n r: {\n pointLabels: {\n display: true,\n centerPointLabels: true,\n font: {\n size: 18\n }\n }\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["1b4a0322-5793-7bd6-d86e-d6c55f70f910"]},"metadata":{"canvasPos":{"x":7530,"y":3520}}},{"name":"/Other Charts/Radar","id":"95eeeeaf-da75-e79c-24e7-6d4739b47b9c","graph":{"connections":[{"fromId":"0325bee1-0410-f4eb-444b-621715375a17","fromProperty":"out-Data","toId":"cb54c3cb-c2ff-eb78-b669-33e452e56942","toProperty":"data"}],"roots":[{"id":"7261ae88-fcfb-4ff8-8734-c9ecdce4cfdb","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Radar","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"radar","index":15}],"children":[{"id":"31db423a-cf8c-9425-164d-1e427f4da703","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cb54c3cb-c2ff-eb78-b669-33e452e56942","type":"Radar Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"Chart.js Radar Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"16ba1cf0-7700-10ca-6fca-b195d4ec6e0d","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0325bee1-0410-f4eb-444b-621715375a17","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 68.09585048, 29.88168724, 29.83624829, 69.19410151, 89.93055556,\r\n 19.20610425, 80.47753772\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 71.27572016, 7.65003429, 35.27949246, 7.2505144, 28.50137174,\r\n 66.93329904, 31.1882716\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["7261ae88-fcfb-4ff8-8734-c9ecdce4cfdb"]},"metadata":{"canvasPos":{"x":8980,"y":3510}}},{"name":"/Other Charts/Radar skip points","id":"ad0d855f-d15a-9bd6-6866-d542208d4522","graph":{"connections":[{"fromId":"047e62cd-34a7-a0ba-fa1e-bee17efbab76","fromProperty":"out-Data","toId":"0bcdd733-44ff-b197-25d9-b2b29e5e5afe","toProperty":"data"}],"roots":[{"id":"4a3f35f1-200c-65b8-3246-23f482694338","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Radar skip points","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"radar-skip-points","index":15}],"children":[{"id":"68c0b786-95bf-09d5-14b4-d7e926bab892","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"0bcdd733-44ff-b197-25d9-b2b29e5e5afe","type":"Radar Chart","parameters":{"plugins.title.text":"Chart.js Radar Skip Points Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"a8c26e08-0b19-f4d2-85b7-1d603d4b822f","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"047e62cd-34a7-a0ba-fa1e-bee17efbab76","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Skip first dataset\",\r\n \"data\": [\r\n null,\r\n 8.54423868,\r\n 6.02966392,\r\n 61.43689986,\r\n 27.85236626,\r\n 10.21433471,\r\n 76.42403978\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Skip mid dataset\",\r\n \"data\": [\r\n 35.12345679,\r\n 80.13974623,\r\n 1.59636488,\r\n null,\r\n 49.13923182,\r\n 70.2872085,\r\n 46.88786008\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Skip last dataset\",\r\n \"data\": [\r\n 50.54612483,\r\n 15.82990398,\r\n 18.04783951,\r\n 17.69375857,\r\n 71.55778464,\r\n 10.50411523,\r\n null\r\n ],\r\n \"borderColor\": \"rgb(75, 192, 192)\",\r\n \"backgroundColor\": \"rgba(75, 192, 192, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["4a3f35f1-200c-65b8-3246-23f482694338"]},"metadata":{"canvasPos":{"x":10505,"y":3520}}},{"name":"/Other Charts/Scatter","id":"2100ab03-94f0-fff8-b280-5871721c0f63","graph":{"connections":[{"fromId":"38359c6f-6fad-e570-165f-688bc4c47e6a","fromProperty":"out-Data","toId":"d535cf99-56fd-206c-8e7a-96fab9124df7","toProperty":"data"}],"roots":[{"id":"c796dea0-2a21-2d20-b1d8-9db7f9ed99e9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Scatter","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"scatter","index":15}],"children":[{"id":"68bd466e-f1b8-98ba-34bc-fcaac2cc5e5a","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"d535cf99-56fd-206c-8e7a-96fab9124df7","type":"Scatter Chart","parameters":{"plugins.title.text":"Chart.js Scatter Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9f7e91ce-ab17-d2aa-0a83-eca777e1bd2d","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"38359c6f-6fad-e570-165f-688bc4c47e6a","type":"JavaScriptFunction","x":-349.3333333333333,"y":64,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 47.22136488, \"y\": 88.67283951, \"r\": 1 },\r\n { \"x\": 84.31584362, \"y\": 63.31875857, \"r\": 1 },\r\n { \"x\": 44.76423182, \"y\": 92.18278464, \"r\": 1 },\r\n { \"x\": 40.9122085, \"y\": 6.12911523, \"r\": 1 },\r\n { \"x\": 92.51286008, \"y\": 54.54046639, \"r\": 1 },\r\n { \"x\": 71.17112483, \"y\": 16.42918381, \"r\": 1 },\r\n { \"x\": 11.45490398, \"y\": 78.21502058, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 5.44110082, \"y\": 16.07981824, \"r\": 1 },\r\n { \"x\": 91.04381001, \"y\": 51.57964678, \"r\": 1 },\r\n { \"x\": 4.93870027, \"y\": 53.64326132, \"r\": 1 },\r\n { \"x\": 22.43441358, \"y\": 60.5422668, \"r\": 1 },\r\n { \"x\": 4.02477709, \"y\": 73.51123114, \"r\": 1 },\r\n { \"x\": 6.49991427, \"y\": 34.52546296, \"r\": 1 },\r\n { \"x\": 60.72402263, \"y\": 70.7454561, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["c796dea0-2a21-2d20-b1d8-9db7f9ed99e9"]},"metadata":{"canvasPos":{"x":11825,"y":3500}}},{"name":"/Other Charts/Scatter - Multi axis","id":"cb803d09-d9eb-cf1f-09b6-61be79a490c7","graph":{"connections":[{"fromId":"8b55b84e-7520-e60c-9ce7-9cf1e474aed5","fromProperty":"out-Scales","toId":"88abec65-2883-9531-395a-3dae6fc3be67","toProperty":"scales"},{"fromId":"f79a83a1-4e66-dc5c-3d86-4cc4c8e52b69","fromProperty":"out-Data","toId":"88abec65-2883-9531-395a-3dae6fc3be67","toProperty":"data"}],"roots":[{"id":"d112379d-8319-790e-715a-9e8eb8fab89f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Scatter - Multi axis","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"scatter---multi-axis","index":15}],"children":[{"id":"ec02207c-36df-7252-38c5-4377ecbc1460","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"88abec65-2883-9531-395a-3dae6fc3be67","type":"Scatter Chart","parameters":{"plugins.title.text":"Chart.js Scatter Multi Axis Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9ffe6a3f-f2b6-2ee2-ead6-4adec8ac9149","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8b55b84e-7520-e60c-9ce7-9cf1e474aed5","type":"JavaScriptFunction","x":-284.16666666666663,"y":188.5,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'left',\n ticks: {\n color: \"rgb(255, 99, 132)\",\n }\n },\n y2: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'right',\n reverse: true,\n ticks: {\n color: \"rgb(54, 162, 235)\",\n },\n grid: {\n drawOnChartArea: false // only want the grid lines for one axis to show up\n }\n }\n}\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"f79a83a1-4e66-dc5c-3d86-4cc4c8e52b69","type":"JavaScriptFunction","x":-284.16666666666663,"y":83.5,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 47.22136488, \"y\": 88.67283951, \"r\": 1 },\r\n { \"x\": 84.31584362, \"y\": 63.31875857, \"r\": 1 },\r\n { \"x\": 44.76423182, \"y\": 92.18278464, \"r\": 1 },\r\n { \"x\": 40.9122085, \"y\": 6.12911523, \"r\": 1 },\r\n { \"x\": 92.51286008, \"y\": 54.54046639, \"r\": 1 },\r\n { \"x\": 71.17112483, \"y\": 16.42918381, \"r\": 1 },\r\n { \"x\": 11.45490398, \"y\": 78.21502058, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 5.44110082, \"y\": 16.07981824, \"r\": 1 },\r\n { \"x\": 91.04381001, \"y\": 51.57964678, \"r\": 1 },\r\n { \"x\": 4.93870027, \"y\": 53.64326132, \"r\": 1 },\r\n { \"x\": 22.43441358, \"y\": 60.5422668, \"r\": 1 },\r\n { \"x\": 4.02477709, \"y\": 73.51123114, \"r\": 1 },\r\n { \"x\": 6.49991427, \"y\": 34.52546296, \"r\": 1 },\r\n { \"x\": 60.72402263, \"y\": 70.7454561, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["d112379d-8319-790e-715a-9e8eb8fab89f"]},"metadata":{"canvasPos":{"x":13270,"y":3470}}},{"name":"/Other Charts/Stacked bar line","id":"c9dc1776-ed3c-d5a3-9ba3-295019409555","graph":{"connections":[{"fromId":"763770b4-76c0-f192-da2e-71931956f68a","fromProperty":"out-Data","toId":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","toProperty":"data"},{"fromId":"12823dff-8739-a1f1-13af-b85998735082","fromProperty":"out-Scales","toId":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","toProperty":"scales"}],"roots":[{"id":"372572ab-4abb-5bac-a216-d0231ab1717c","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked bar line","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-line","index":15}],"children":[{"id":"e9e6866b-e4ff-267d-5c20-5841e6ed0fcb","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","type":"Line Chart","parameters":{"plugins.title.text":"Chart.js Stacked Line/Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f5948bb5-a94a-18cb-9911-2e33f398af7e","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"763770b4-76c0-f192-da2e-71931956f68a","type":"JavaScriptFunction","x":-342.3333333333333,"y":40,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 32.34910837, 79.42301097, 37.50514403, 11.53377915, 69.41015089,\r\n 19.77623457, 56.45919067\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"stack\": \"combined\",\r\n \"type\": \"bar\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 69.58247599, 23.3436214, 0.45867627, 13.27331962, 81.54063786,\r\n 76.86556927, 33.81601509\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"stack\": \"combined\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"12823dff-8739-a1f1-13af-b85998735082","type":"JavaScriptFunction","x":-353.66666666666663,"y":204,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n stacked: true\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["372572ab-4abb-5bac-a216-d0231ab1717c"]},"metadata":{"canvasPos":{"x":14795,"y":3460}}},{"name":"/Styling/Legends","id":"55f3d995-6ca6-e7e5-c138-0c97c3da5242","graph":{"connections":[{"fromId":"c170d0c4-7e88-3de8-e191-61bc93f7da2a","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.fullSize"},{"fromId":"ac022eb7-9101-e54b-6bea-2f443c015630","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.rtl"},{"fromId":"d7539a11-1e1a-f94d-66e7-799b24dedabb","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.reverse"},{"fromId":"652c85d6-9142-be33-728d-e8660410a324","fromProperty":"out-Positions","toId":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","toProperty":"items"},{"fromId":"652c85d6-9142-be33-728d-e8660410a324","fromProperty":"out-Alignments","toId":"25064956-1b46-d91d-f27e-1483f17d15cb","toProperty":"items"},{"fromId":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","fromProperty":"value","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.position"},{"fromId":"25064956-1b46-d91d-f27e-1483f17d15cb","fromProperty":"value","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.align"},{"fromId":"4b6f5219-fdf0-0a81-ca0b-a9d7f1022785","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.display"}],"roots":[{"id":"16c9bd12-bb5d-f42c-8f2f-3ab6ec9bb82f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Legends","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"legends","index":15}],"children":[{"id":"233a1a3a-42ef-f2d1-4edb-864605850312","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"b5071991-d227-95ae-6467-fc28d5405ad6","type":"Bar Chart","parameters":{"plugins.legend.labels.font.family":"Courier New","color":"Primary","plugins.legend.display":true,"plugins.legend.color":"Primary","plugins.legend.labels.family":"Courier New","plugins.legend.labels.color":"Primary","plugins.legend.labels.usePointStyle":true,"plugins.legend.labels.pointStyle":"rectRot"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4a5fc849-9e2e-0b50-f7eb-958e6522e26b","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"40e00cb9-0f1d-0dcb-192b-3f74bc5627f7","type":"Text","parameters":{"text":"The legends have a custom font and color.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"4b6f5219-fdf0-0a81-ca0b-a9d7f1022785","type":"net.noodl.controls.checkbox","parameters":{"label":"Show Legends","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"c170d0c4-7e88-3de8-e191-61bc93f7da2a","type":"net.noodl.controls.checkbox","parameters":{"label":"Full Size","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"d7539a11-1e1a-f94d-66e7-799b24dedabb","type":"net.noodl.controls.checkbox","parameters":{"label":"Reverse","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"ac022eb7-9101-e54b-6bea-2f443c015630","type":"net.noodl.controls.checkbox","parameters":{"label":"Right to Left"},"ports":[],"dynamicports":[],"children":[]},{"id":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"top"},"ports":[],"dynamicports":[],"children":[]},{"id":"25064956-1b46-d91d-f27e-1483f17d15cb","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Align","value":"center"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"652c85d6-9142-be33-728d-e8660410a324","type":"JavaScriptFunction","label":"Dropdown Items","x":-305.5,"y":628,"parameters":{"functionScript":"Outputs.Positions = [\r\n {\r\n Label: \"Top (default)\",\r\n Value: \"top\",\r\n },\r\n {\r\n Label: \"Left\",\r\n Value: \"left\",\r\n },\r\n {\r\n Label: \"Bottom\",\r\n Value: \"bottom\",\r\n },\r\n {\r\n Label: \"Right\",\r\n Value: \"right\",\r\n },\r\n]\r\n\r\nOutputs.Alignments = [\r\n {\r\n Label: \"Start\",\r\n Value: \"start\",\r\n },\r\n {\r\n Label: \"Center (default)\",\r\n Value: \"center\",\r\n },\r\n {\r\n Label: \"End\",\r\n Value: \"end\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Alignments","displayName":"Alignments","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["16c9bd12-bb5d-f42c-8f2f-3ab6ec9bb82f"]},"metadata":{"canvasPos":{"x":-2721.6668369111967,"y":0}}},{"name":"/Styling/Responsive Test","id":"4900d527-c4b9-312a-7652-6f26b7db6982","graph":{"connections":[],"roots":[{"id":"353b77d9-fc64-099d-f5e6-23061ff962e8","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Responsive Test","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"responsive-test","index":15}],"children":[{"id":"953d50e2-bb3e-18ef-f82a-fc6d5bfe8719","type":"Group","parameters":{"clip":true,"height":{"value":300,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"e9d7a44f-c293-5116-197e-1f7baa807cc4","type":"Bar Chart","parameters":{"plugins.tooltip.backgroundColor":"Primary","plugins.tooltip.bodyFontFamily":"Courier New","plugins.tooltip.bodyFontColor":"Dark","plugins.tooltip.cornerRadius":0,"plugins.tooltip.bodySpacing":10,"plugins.tooltip.bodyFont":"Courier New","plugins.tooltip.bodyFont.family":"Courier New","plugins.title.font.lineHeight":1.6},"ports":[],"dynamicports":[],"children":[]}]}]}],"visualRoots":["353b77d9-fc64-099d-f5e6-23061ff962e8"]}},{"name":"/Styling/Title","id":"1af4cff5-aed2-4825-91ee-5c6ac3b42a62","graph":{"connections":[{"fromId":"4b1299af-9fe6-c910-36b0-5809d2cd5ebc","fromProperty":"onTextChanged","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.text"},{"fromId":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","fromProperty":"out-Positions","toId":"b7527469-aa40-5457-7d86-63cbb6b1259f","toProperty":"items"},{"fromId":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","fromProperty":"out-Alignments","toId":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","toProperty":"items"},{"fromId":"b7527469-aa40-5457-7d86-63cbb6b1259f","fromProperty":"value","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.position"},{"fromId":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","fromProperty":"value","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.align"},{"fromId":"485baafa-4657-ce70-686d-694e36e5d283","fromProperty":"checked","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.display"}],"roots":[{"id":"ec0f4976-97ec-70c2-d4a2-42100b57c7dc","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Title","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"title","index":15}],"children":[{"id":"473fe841-7434-c62d-8c99-3d76a7813888","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"601e621c-5796-beea-da47-d3e668e111d2","type":"Line Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"","plugins.title.position":"bottom","plugins.title.font.family":"Courier New","plugins.title.font.size":16,"plugins.title.font.color":"Primary","plugins.title.color":"Primary"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"78421d0a-24e5-99a6-6f89-cf125ea41c40","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cbe1c968-46ef-a146-6464-d40dccc9e2cf","type":"Text","parameters":{"text":"The title have a custom font and size, other properties can also be changed.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"485baafa-4657-ce70-686d-694e36e5d283","type":"net.noodl.controls.checkbox","parameters":{"label":"Show Title","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"4b1299af-9fe6-c910-36b0-5809d2cd5ebc","type":"net.noodl.controls.textinput","parameters":{"startValue":"I am a title"},"ports":[],"dynamicports":[],"children":[]},{"id":"b7527469-aa40-5457-7d86-63cbb6b1259f","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"top"},"ports":[],"dynamicports":[],"children":[]},{"id":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Align","value":"center"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","type":"JavaScriptFunction","label":"Dropdown Items","x":-365,"y":472,"parameters":{"functionScript":"Outputs.Positions = [\r\n {\r\n Label: \"Top (default)\",\r\n Value: \"top\",\r\n },\r\n {\r\n Label: \"Bottom\",\r\n Value: \"bottom\",\r\n },\r\n]\r\n\r\nOutputs.Alignments = [\r\n {\r\n Label: \"Start\",\r\n Value: \"start\",\r\n },\r\n {\r\n Label: \"Center (default)\",\r\n Value: \"center\",\r\n },\r\n {\r\n Label: \"End\",\r\n Value: \"end\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Alignments","displayName":"Alignments","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["ec0f4976-97ec-70c2-d4a2-42100b57c7dc"]},"metadata":{"canvasPos":{"x":-2266.6668369111967,"y":0}}},{"name":"/Styling/Tooltip","id":"9ba04720-675a-ce0d-6e77-7e91d17337af","graph":{"connections":[{"fromId":"df0ac77f-12b4-0432-cae7-1ff97984db79","fromProperty":"checked","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.enabled"},{"fromId":"3c5addd4-fcef-fcb1-7af6-4d16fd166e1d","fromProperty":"checked","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.displayColors"},{"fromId":"5ea23c57-d3b4-184a-793a-d98449e90f66","fromProperty":"value","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.position"},{"fromId":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","fromProperty":"out-Positions","toId":"5ea23c57-d3b4-184a-793a-d98449e90f66","toProperty":"items"},{"fromId":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","fromProperty":"value","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.mode"},{"fromId":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","fromProperty":"out-Modes","toId":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","toProperty":"items"}],"roots":[{"id":"b317f088-4450-9f18-5589-aa50f169c42a","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Tooltip","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"tooltip","index":15}],"children":[{"id":"4bfe2422-190c-0a9f-5196-3ae5fa7b44be","type":"/#Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"b9b10801-82b3-e4fb-859c-6494da113873","type":"Bar Chart","parameters":{"plugins.tooltip.backgroundColor":"Primary","plugins.tooltip.bodyFontFamily":"Courier New","plugins.tooltip.bodyFontColor":"Dark","plugins.tooltip.cornerRadius":0,"plugins.tooltip.bodySpacing":10,"plugins.tooltip.bodyFont":"Courier New","plugins.tooltip.bodyFont.family":"Courier New"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"2f1a19a6-b25b-f538-c766-8d64c3e46040","type":"/#Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"c99d5126-0e5a-29ae-4459-cb73092ffd9e","type":"Text","parameters":{"text":"The tooltip have a custom font and color. The size and style can also be changed.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"df0ac77f-12b4-0432-cae7-1ff97984db79","type":"net.noodl.controls.checkbox","parameters":{"label":"Enable Tooltip","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"3c5addd4-fcef-fcb1-7af6-4d16fd166e1d","type":"net.noodl.controls.checkbox","parameters":{"label":"Display Colors","checked":true},"ports":[],"dynamicports":[],"children":[]},{"id":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Mode","value":"point"},"ports":[],"dynamicports":[],"children":[]},{"id":"5ea23c57-d3b4-184a-793a-d98449e90f66","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"average"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","type":"JavaScriptFunction","label":"Dropdown Items","x":-335.99627790191835,"y":576.0037220980817,"parameters":{"functionScript":"Outputs.Modes = [\r\n {\r\n Label: \"Point (default)\",\r\n Value: \"point\",\r\n },\r\n {\r\n Label: \"Nearest\",\r\n Value: \"nearest\",\r\n },\r\n {\r\n Label: \"Index\",\r\n Value: \"index\",\r\n },\r\n {\r\n Label: \"Dataset\",\r\n Value: \"dataset\",\r\n },\r\n {\r\n Label: \"X\",\r\n Value: \"x\",\r\n },\r\n {\r\n Label: \"Y\",\r\n Value: \"y\",\r\n },\r\n]\r\nOutputs.ModesDefault = \"point\"\r\n\r\nOutputs.Positions = [\r\n {\r\n Label: \"Average\",\r\n Value: \"average\",\r\n },\r\n {\r\n Label: \"Nearest\",\r\n Value: \"nearest\",\r\n },\r\n]\r\nOutputs.PositionsDefault = \"average\"\r\n"},"ports":[],"dynamicports":[{"name":"out-Modes","displayName":"Modes","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-ModesDefault","displayName":"ModesDefault","plug":"output","type":"*","group":"Outputs","index":5},{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":6},{"name":"out-PositionsDefault","displayName":"PositionsDefault","plug":"output","type":"*","group":"Outputs","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["b317f088-4450-9f18-5589-aa50f169c42a"]},"metadata":{"canvasPos":{"x":-3176.6668369111967,"y":0}}}],"settings":{"navigationPathType":"path","htmlTitle":"Noodl Chart.js Module"},"rootNodeId":"246f9453-a119-ac78-171e-3806cf596ecc","version":"4","metadata":{"styles":{"text":{"Body Text":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"18","unit":"px"},"color":"#000000"},"Button Label":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000"},"Label Text":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"14","unit":"px"},"color":"#000000"},"Navigation Items":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"14","unit":"px"},"letterSpacing":"Auto","lineHeight":"Auto","textTransform":"none","color":"#AAAA9F"}},"colors":{"Primary":"#5836F5","Light Gray":"#C6C6C6","Dark Gray":"#434B53","Primary Dark":"#3F22B8","Dark":"#1F1F1F","Primary Light":"#C9BFFC","Navigation 2":"#DDDDDD","Navigation 1":"#EBEAEA","Background 2":"#E8E8E8","Background 1":"#E0E0E0","Navigation Text":"#555555","Border":"#000000"}}},"variants":[{"typename":"net.noodl.controls.button","parameters":{"height":{"value":40,"unit":"px"},"sizeMode":"contentWidth","backgroundColor":"Primary","iconIconSource":{"class":"material-icons","code":"home"},"iconSize":{"value":22,"unit":"px"},"iconSpacing":{"value":6,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"textStyle":"Button Label","paddingTop":{"value":5,"unit":"px"},"paddingLeft":{"value":24,"unit":"px"},"paddingRight":{"value":24,"unit":"px"},"paddingBottom":{"value":4,"unit":"px"},"color":"#FFFFFF","fontFamily":"fonts/Roboto/Roboto-Medium.ttf"},"stateParamaters":{"hover":{"backgroundColor":"Primary Dark"},"pressed":{"backgroundColor":"Primary Light","color":"Primary Dark"},"disabled":{"backgroundColor":"Light Gray"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"pressed":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.radiobutton","parameters":{"width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"},"useLabel":true,"labeltextStyle":"Label Text","borderWidth":{"value":2,"unit":"px"},"value":"0","useIcon":false,"fillColor":"transparent","borderColor":"#1F1F1F7F","labelfontSize":{"value":16,"unit":"px"}},"stateParamaters":{"checked":{"fillColor":"Primary","borderColor":"Primary","borderWidth":{"value":2,"unit":"px"},"backgroundColor":"#FFFFFF","width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"}},"hover":{"backgroundColor":"transparent","borderColor":"Primary","width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"}}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"Text","parameters":{"textStyle":"Body Text"},"stateParamaters":{},"stateTransitions":{}},{"typename":"net.noodl.controls.range","parameters":{"thumbColor":"Primary","thumbBorderRadius":{"value":100,"unit":"%"},"trackHeight":{"value":4,"unit":"px"},"trackActiveColor":"Primary","trackColor":"Primary Light","width":{"value":100,"unit":"%"}},"stateParamaters":{},"stateTransitions":{}},{"typename":"net.noodl.controls.checkbox","parameters":{"width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"},"useIcon":false,"borderWidth":{"value":2,"unit":"px"},"useLabel":true,"labeltextStyle":"Label Text","borderRadius":{"value":2,"unit":"px"},"borderColor":"#0000007F","labelfontSize":{"value":16,"unit":"px"},"labelcolor":"Dark"},"stateParamaters":{"checked":{"useIcon":true,"iconIconSource":{"class":"material-icons","code":"check"},"backgroundColor":"Primary","borderColor":"Primary","iconSize":{"value":16,"unit":"px"}},"disabled":{"opacity":0.5},"hover":{"borderColor":"Primary"},"pressed":{}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.textinput","parameters":{"useLabel":true,"sizeMode":"explicit","height":{"value":40,"unit":"px"},"textStyle":"Body Text","borderStyle":"solid","borderRadius":{"value":4,"unit":"px"},"borderWidth":{"value":2,"unit":"px"},"borderColor":"#1F1F1F7F","labeltextStyle":"Label Text","paddingLeft":{"value":8,"unit":"px"},"paddingRight":{"value":8,"unit":"px"},"labelSpacing":{"value":4,"unit":"px"},"placeholder":"Type here","labelcolor":"#1F1F1F7F","labeltextTransform":"uppercase","labelfontSize":{"value":12,"unit":"px"},"labelfontFamily":"fonts/Roboto/Roboto-Medium.ttf"},"stateParamaters":{"hover":{"labelcolor":"#000000","borderColor":"Dark","borderStyle":"solid"},"focused":{"borderColor":"Primary","labelcolor":"Primary","borderWidth":{"value":2,"unit":"px"},"boxShadowEnabled":false,"boxShadowColor":"Primary","borderStyle":"solid"},"disabled":{"labelcolor":"Light Gray","backgroundColor":"Light Gray","borderWidth":{"value":1,"unit":"px"},"borderColor":"Light Gray"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.options","parameters":{"sizeMode":"explicit","height":{"value":40,"unit":"px"},"borderWidth":{"value":2,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"borderColor":"#1F1F1F7F","boxShadowColor":"Dark Gray","useIcon":true,"iconIconSource":{"class":"material-icons","code":"expand_more"},"iconPlacement":"right","iconSize":{"value":24,"unit":"px"},"paddingRight":{"value":8,"unit":"px"},"textStyle":"Body Text","paddingLeft":{"value":8,"unit":"px"},"marginTop":{"value":24,"unit":"px"},"width":{"value":75,"unit":"%"},"iconColor":"#1F1F1F7F"},"stateParamaters":{"hover":{"borderColor":"Dark","borderRadius":{"value":4,"unit":"px"},"iconColor":"Dark","iconSize":{"value":24,"unit":"px"},"iconPlacement":"right"},"focused":{"borderColor":"Primary","boxShadowColor":"Primary","borderRadius":{"value":4,"unit":"px"},"useIcon":true,"iconColor":"Primary","iconIconSource":{"class":"material-icons","code":"keyboard_arrow_up"},"iconSize":{"value":24,"unit":"px"},"iconPlacement":"right"},"pressed":{"borderRadius":{"value":4,"unit":"px"}}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"name":"Card","typename":"Group","parameters":{"marginLeft":{"value":0,"unit":"px"},"marginTop":{"value":0,"unit":"px"},"marginBottom":{"value":0,"unit":"px"},"marginRight":{"value":0,"unit":"px"},"borderStyle":"solid","borderWidth":{"value":1,"unit":"px"},"backgroundColor":"#FFFFFF","borderColor":"Background 2","borderRadius":{"value":4,"unit":"px"},"sizeMode":"contentSize","paddingLeft":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"},"paddingBottom":{"value":8,"unit":"px"},"paddingRight":{"value":8,"unit":"px"}},"stateParamaters":{},"stateTransitions":{}},{"name":"Center Chart","typename":"Group","parameters":{"sizeMode":"explicit","justifyContent":"center","alignItems":"center","width":{"value":500,"unit":"px"},"height":{"value":500,"unit":"px"}},"stateParamaters":{},"stateTransitions":{}}]} \ No newline at end of file +{"name":"Chart.js Module","components":[{"name":"/App","graph":{"connections":[{"fromId":"c33922e7-914c-f6a8-f76c-a02d43a42f16","fromProperty":"Click","toId":"2392a244-d75a-3a2f-c6c3-ed6730df28ed","toProperty":"navigate"},{"fromId":"de496c00-8a48-7c4f-a6c6-24764df088bc","fromProperty":"Click","toId":"8ea43add-936f-15b7-52c3-1f8c352149bf","toProperty":"navigate"},{"fromId":"a439c174-edd1-862b-46b1-2ed7901ee65e","fromProperty":"Click","toId":"d8dc1848-9c96-aa80-2577-680be61d1855","toProperty":"navigate"},{"fromId":"df36735a-ed6b-b2ee-7d7c-9f34951788b4","fromProperty":"Click","toId":"57df29f5-4b9a-8c16-7733-42a3059280f5","toProperty":"navigate"},{"fromId":"d5839097-846f-7bfa-1892-10d7dcb3b7cd","fromProperty":"Click","toId":"79a2d272-d830-49e9-4725-f38bed1e5d2a","toProperty":"navigate"},{"fromId":"4d317cf0-917e-77d6-3aa9-e3b312217691","fromProperty":"Click","toId":"37dc676a-ba21-7e6a-6155-8a928f5e2c27","toProperty":"navigate"},{"fromId":"d69ef435-1bb0-05e9-14f8-06c1c1df52a5","fromProperty":"Click","toId":"aff1fe3a-d5db-c24e-a0b3-8c844f2c592a","toProperty":"navigate"},{"fromId":"f8e31252-0670-9f35-799c-894d294bc28a","fromProperty":"Click","toId":"c189e363-08af-6f5e-5480-bf084c8d684e","toProperty":"navigate"},{"fromId":"8cf3ad9f-55f4-895c-21dc-a30eb4b48a78","fromProperty":"Click","toId":"1dadb0bc-df54-217f-5bb8-10a25ff54132","toProperty":"navigate"},{"fromId":"225f51ae-205d-5b8d-f1dd-6d4274f29ce2","fromProperty":"Click","toId":"9f8d8a42-93d4-97ff-cbc5-83a2051abef0","toProperty":"navigate"},{"fromId":"2061815c-4233-2d9e-bfe5-1c4930d55bff","fromProperty":"Click","toId":"6fce05ac-e8f1-9705-652c-5b1d8a704d37","toProperty":"navigate"},{"fromId":"7c57b2e1-91e2-9bf2-3cc2-620517cb15e3","fromProperty":"Click","toId":"0d0d84ce-cd06-c936-320b-300ee2615e9d","toProperty":"navigate"},{"fromId":"48bf69d8-3dc6-b5cf-175f-a879faa7cfe8","fromProperty":"Click","toId":"4a7e1ecf-3745-cf35-ecc3-971a65ec6099","toProperty":"navigate"},{"fromId":"9cb06bdf-c4c5-e5d7-23ce-ecbb6c3e9efa","fromProperty":"Click","toId":"5c82edd4-18fb-8a08-4b35-66bb80dc094f","toProperty":"navigate"},{"fromId":"117a3aca-3cde-5389-1f03-2b06332f8f4c","fromProperty":"Click","toId":"769b345d-df7c-0897-c8fd-e2820bb109b4","toProperty":"navigate"},{"fromId":"00b90a1d-016d-741f-e6f1-fd9b58506ee3","fromProperty":"Click","toId":"a692ccfc-29bc-1d4a-8e79-5bedd4fd1a39","toProperty":"navigate"},{"fromId":"8fd330a0-c7be-db81-1191-f67f06d649a8","fromProperty":"Click","toId":"92a57faf-c4ec-9b5a-449a-7a9c904f7f26","toProperty":"navigate"},{"fromId":"01d71cdc-a4f3-cadb-20e6-bdd0e6d9588e","fromProperty":"Click","toId":"fea8c3a1-9967-7fb1-aa60-261569619f4f","toProperty":"navigate"},{"fromId":"5a0ea5d1-168f-8212-d3eb-add7b0ecea14","fromProperty":"Click","toId":"a7e64a8c-3e1d-fe41-c320-32d6b27a9fa4","toProperty":"navigate"},{"fromId":"0bf282c3-6459-8fe6-165e-e858993fbf0f","fromProperty":"Click","toId":"3d73a4c7-f46e-6e07-c7fd-b4a673d879ac","toProperty":"navigate"},{"fromId":"99d08196-37b4-b45c-5baa-93b644d0cb64","fromProperty":"Click","toId":"1a12ca3b-025c-2d49-88ba-ef03bf75e758","toProperty":"navigate"},{"fromId":"67334a2c-f2a7-3c18-6525-1377f8098876","fromProperty":"Click","toId":"c0ca3559-b00c-f00c-2e6a-b24f523cf86e","toProperty":"navigate"},{"fromId":"723812a5-1c27-edb5-d17b-29d41801d3e5","fromProperty":"Click","toId":"8f679e85-2b9c-fa77-a657-e27c821a6624","toProperty":"navigate"},{"fromId":"cfcb7eb2-0a30-2573-3a68-717caa0da1d9","fromProperty":"Click","toId":"fb8cfec1-06f5-f846-fba8-cf4f5606d9a2","toProperty":"navigate"},{"fromId":"98b40973-9015-ec50-67b6-530edef41a7c","fromProperty":"Click","toId":"2330515a-587b-1432-e4e5-ec09c208a185","toProperty":"navigate"},{"fromId":"cb4300c0-484d-6ce1-ca62-cbbf6339f5aa","fromProperty":"Click","toId":"a82827e9-0900-33d0-6ac2-7aba32502977","toProperty":"navigate"},{"fromId":"71449448-2b32-d6ce-5c17-98538b242739","fromProperty":"Click","toId":"29660423-baa3-e9a4-ac0f-72af90ce488e","toProperty":"navigate"},{"fromId":"cab51a52-aa50-1eac-08e0-32caea5288c3","fromProperty":"Click","toId":"d9bfa3e9-6b06-8570-1333-2213cfafa876","toProperty":"navigate"},{"fromId":"41699120-131a-55c0-503f-d58b52bc2dd7","fromProperty":"Click","toId":"7365ef83-9272-d989-99ff-110cc50598ba","toProperty":"navigate"},{"fromId":"4f8d50cc-ca81-32c4-ffb8-aa80fb480301","fromProperty":"Click","toId":"746e0c88-bd92-b536-8e29-b0c933e17362","toProperty":"navigate"},{"fromId":"a19eebb4-e8d0-cf96-17b7-94d399545f43","fromProperty":"Click","toId":"a27ed774-0e20-e462-7a1f-7de0d75a6da5","toProperty":"navigate"},{"fromId":"c32ea696-0306-5fe8-4631-30207f697f92","fromProperty":"Click","toId":"cbb1824a-e6de-ae4e-64e8-a82b3871f4a1","toProperty":"navigate"},{"fromId":"9dcc0574-621b-08ea-813e-b8f7748f1b75","fromProperty":"Click","toId":"8e6ef683-0326-6657-6c69-950bcd8ac4ef","toProperty":"navigate"}],"roots":[{"id":"246f9453-a119-ac78-171e-3806cf596ecc","type":"Group","x":-111.4681915301291,"y":310.4376377651178,"parameters":{"backgroundColor":"Background 1","flexDirection":"row"},"ports":[],"dynamicports":[],"children":[{"id":"10c2c442-991c-08c9-8740-7092a0f30538","type":"/Components/Navigation","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"8f01ef48-3d4f-9260-b753-e85ea4eb7f6c","type":"/Components/Navigation Group","parameters":{"Text":"Chart.js Module Preview","Icon":{"class":"material-icons","code":"home"},"Is Open":true},"ports":[],"dynamicports":[],"children":[{"id":"225f51ae-205d-5b8d-f1dd-6d4274f29ce2","type":"/Components/Navigation Item","parameters":{"Text":"Information"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1ea31cd9-95c9-5317-2c8d-cab45b595034","type":"/Components/Navigation Group","parameters":{"Text":"Bar Charts","Icon":{"class":"material-icons","code":"stacked_bar_chart"},"Is Open":true},"ports":[],"dynamicports":[],"children":[{"id":"c33922e7-914c-f6a8-f76c-a02d43a42f16","type":"/Components/Navigation Item","parameters":{"Text":"Bar Chart Border Radius"},"ports":[],"dynamicports":[],"children":[]},{"id":"de496c00-8a48-7c4f-a6c6-24764df088bc","type":"/Components/Navigation Item","parameters":{"Text":"Floating Bars"},"ports":[],"dynamicports":[],"children":[]},{"id":"a439c174-edd1-862b-46b1-2ed7901ee65e","type":"/Components/Navigation Item","parameters":{"Text":"Horizontal Bar Chart","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"df36735a-ed6b-b2ee-7d7c-9f34951788b4","type":"/Components/Navigation Item","parameters":{"Text":"Stacked Bar Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"d5839097-846f-7bfa-1892-10d7dcb3b7cd","type":"/Components/Navigation Item","parameters":{"Text":"Stacked Bar Chart with Groups"},"ports":[],"dynamicports":[],"children":[]},{"id":"4d317cf0-917e-77d6-3aa9-e3b312217691","type":"/Components/Navigation Item","parameters":{"Text":"Vertical Bar Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"138f5f59-58f5-c179-01c4-e39ef89aff5e","type":"/Components/Navigation Group","parameters":{"Text":"Line Charts","Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"0bf282c3-6459-8fe6-165e-e858993fbf0f","type":"/Components/Navigation Item","parameters":{"Text":"Interpolation Modes"},"ports":[],"dynamicports":[],"children":[]},{"id":"d69ef435-1bb0-05e9-14f8-06c1c1df52a5","type":"/Components/Navigation Item","parameters":{"Text":"Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"4f8d50cc-ca81-32c4-ffb8-aa80fb480301","type":"/Components/Navigation Item","parameters":{"Text":"Stacked Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"99d08196-37b4-b45c-5baa-93b644d0cb64","type":"/Components/Navigation Item","parameters":{"Text":"Multi Axis Line Chart"},"ports":[],"dynamicports":[],"children":[]},{"id":"67334a2c-f2a7-3c18-6525-1377f8098876","type":"/Components/Navigation Item","parameters":{"Text":"Point Styling","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"723812a5-1c27-edb5-d17b-29d41801d3e5","type":"/Components/Navigation Item","parameters":{"Text":"Line Segment Styling","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"cfcb7eb2-0a30-2573-3a68-717caa0da1d9","type":"/Components/Navigation Item","parameters":{"Text":"Stepped Line Charts"},"ports":[],"dynamicports":[],"children":[]},{"id":"98b40973-9015-ec50-67b6-530edef41a7c","type":"/Components/Navigation Item","parameters":{"Text":"Line Styling"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4918c696-55bd-1e71-d6be-f3057650a328","type":"/Components/Navigation Group","parameters":{"Text":"Other Charts","Icon":{"class":"material-icons","code":"pie_chart"},"Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"8cf3ad9f-55f4-895c-21dc-a30eb4b48a78","type":"/Components/Navigation Item","parameters":{"Text":"Bubble","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"2061815c-4233-2d9e-bfe5-1c4930d55bff","type":"/Components/Navigation Item","parameters":{"Text":"Combo bar/line","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"7c57b2e1-91e2-9bf2-3cc2-620517cb15e3","type":"/Components/Navigation Item","parameters":{"Text":"Doughnut","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"f8e31252-0670-9f35-799c-894d294bc28a","type":"/Components/Navigation Item","parameters":{"Text":"Pie"},"ports":[],"dynamicports":[],"children":[]},{"id":"48bf69d8-3dc6-b5cf-175f-a879faa7cfe8","type":"/Components/Navigation Item","parameters":{"Text":"Polar area"},"ports":[],"dynamicports":[],"children":[]},{"id":"9cb06bdf-c4c5-e5d7-23ce-ecbb6c3e9efa","type":"/Components/Navigation Item","parameters":{"Text":"Polar area centered point labels"},"ports":[],"dynamicports":[],"children":[]},{"id":"117a3aca-3cde-5389-1f03-2b06332f8f4c","type":"/Components/Navigation Item","parameters":{"Text":"Radar"},"ports":[],"dynamicports":[],"children":[]},{"id":"00b90a1d-016d-741f-e6f1-fd9b58506ee3","type":"/Components/Navigation Item","parameters":{"Text":"Radar skip points"},"ports":[],"dynamicports":[],"children":[]},{"id":"8fd330a0-c7be-db81-1191-f67f06d649a8","type":"/Components/Navigation Item","parameters":{"Text":"Scatter","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"01d71cdc-a4f3-cadb-20e6-bdd0e6d9588e","type":"/Components/Navigation Item","parameters":{"Text":"Scatter - Multi axis","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"5a0ea5d1-168f-8212-d3eb-add7b0ecea14","type":"/Components/Navigation Item","parameters":{"Text":"Stacked bar/line"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"b8b3085b-f9cb-f880-8e4f-396aaee068b9","type":"/Components/Navigation Group","parameters":{"Text":"Styling","Icon":{"class":"material-icons","code":"format_paint"},"Is Open":false},"ports":[],"dynamicports":[],"children":[{"id":"cb4300c0-484d-6ce1-ca62-cbbf6339f5aa","type":"/Components/Navigation Item","parameters":{"Text":"Tooltip","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"cab51a52-aa50-1eac-08e0-32caea5288c3","type":"/Components/Navigation Item","parameters":{"Text":"Title","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"71449448-2b32-d6ce-5c17-98538b242739","type":"/Components/Navigation Item","parameters":{"Text":"Legends","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"41699120-131a-55c0-503f-d58b52bc2dd7","type":"/Components/Navigation Item","parameters":{"Text":"Responsive Test","WIP":false},"ports":[],"dynamicports":[],"children":[]}]},{"id":"cb8f9e99-b90e-aa91-d6e9-afed8826a997","type":"/Components/Navigation Group","parameters":{"Text":"Date Adapter","Icon":{"class":"material-icons","code":"format_paint"},"Is Open":true},"ports":[],"dynamicports":[],"children":[{"id":"a19eebb4-e8d0-cf96-17b7-94d399545f43","type":"/Components/Navigation Item","parameters":{"Text":"Simple Dates","WIP":false},"ports":[],"dynamicports":[],"children":[]},{"id":"c32ea696-0306-5fe8-4631-30207f697f92","type":"/Components/Navigation Item","parameters":{"Text":"Complex Dates","WIP":false},"ports":[],"dynamicports":[],"children":[]}]},{"id":"6b96d43e-b654-4408-a064-4c781d1fc2e4","type":"/Components/Navigation Group","parameters":{"Text":"Annotations","Icon":{"class":"material-icons","code":"format_paint"},"Is Open":true},"ports":[],"dynamicports":[],"children":[{"id":"9dcc0574-621b-08ea-813e-b8f7748f1b75","type":"/Components/Navigation Item","parameters":{"Text":"Line Annotations","WIP":false},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"cd40a799-c876-956a-f4b4-ba5ba5a17008","type":"Router","parameters":{"name":"Main","pages":{"routes":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"startPage":"/Pages/Home"}},"ports":[],"dynamicports":[],"children":[]}]},{"id":"c189e363-08af-6f5e-5480-bf084c8d684e","type":"RouterNavigate","x":428.8977940226279,"y":2034.1746410862029,"parameters":{"router":"Main","target":"/Pages/Other Charts/Pie"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"aff1fe3a-d5db-c24e-a0b3-8c844f2c592a","type":"RouterNavigate","x":417.2777203697917,"y":1191.4274024378497,"parameters":{"router":"Main","target":"/Pages/Line Charts/Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"1dadb0bc-df54-217f-5bb8-10a25ff54132","type":"RouterNavigate","x":424.7882069071034,"y":1762.448162978498,"parameters":{"router":"Main","target":"/Pages/Other Charts/Bubble"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"2392a244-d75a-3a2f-c6c3-ed6730df28ed","type":"RouterNavigate","x":390.8286156907237,"y":530.7694807769873,"parameters":{"router":"Main","target":"/Pages/Bar Charts/Bar Chart Border Radius"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"8ea43add-936f-15b7-52c3-1f8c352149bf","type":"RouterNavigate","x":383.9619490240571,"y":624.5694807769871,"parameters":{"router":"Main","target":"/Pages/Bar Charts/Floating Bars"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"d8dc1848-9c96-aa80-2577-680be61d1855","type":"RouterNavigate","x":400.96194902405705,"y":713.5694807769871,"parameters":{"router":"Main","target":"/Pages/Bar Charts/Horizontal Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"57df29f5-4b9a-8c16-7733-42a3059280f5","type":"RouterNavigate","x":396.9619490240571,"y":804.5694807769871,"parameters":{"router":"Main","target":"/Pages/Bar Charts/Stacked Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"79a2d272-d830-49e9-4725-f38bed1e5d2a","type":"RouterNavigate","x":411.96194902405705,"y":903.5694807769876,"parameters":{"router":"Main","target":"/Pages/Bar Charts/Stacked Bar Chart with Groups"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"37dc676a-ba21-7e6a-6155-8a928f5e2c27","type":"RouterNavigate","x":405.96194902405705,"y":994.5694807769875,"parameters":{"router":"Main","target":"/Pages/Bar Charts/Vertical Bar Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"9f8d8a42-93d4-97ff-cbc5-83a2051abef0","type":"RouterNavigate","x":385.79963539893726,"y":366.8263167414616,"parameters":{"router":"Main","target":"/Pages/Home"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"6fce05ac-e8f1-9705-652c-5b1d8a704d37","type":"RouterNavigate","x":418.057585308024,"y":1851.9274581644265,"parameters":{"router":"Main","target":"/Pages/Other Charts/Combo bar line"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"0d0d84ce-cd06-c936-320b-300ee2615e9d","type":"RouterNavigate","x":427.8573574352362,"y":1939.4056123948449,"parameters":{"router":"Main","target":"/Pages/Other Charts/Doughnut"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"4a7e1ecf-3745-cf35-ecc3-971a65ec6099","type":"RouterNavigate","x":417.14080631681037,"y":2121.3808247876236,"parameters":{"router":"Main","target":"/Pages/Other Charts/Polar area"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"5c82edd4-18fb-8a08-4b35-66bb80dc094f","type":"RouterNavigate","x":417.14080631681037,"y":2207.7790018053215,"parameters":{"router":"Main","target":"/Pages/Other Charts/Polar area centered point labels"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"769b345d-df7c-0897-c8fd-e2820bb109b4","type":"RouterNavigate","x":413.90087467864674,"y":2298.497087673901,"parameters":{"router":"Main","target":"/Pages/Other Charts/Radar"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"a692ccfc-29bc-1d4a-8e79-5bedd4fd1a39","type":"RouterNavigate","x":412.8208974659256,"y":2393.5350823933672,"parameters":{"router":"Main","target":"/Pages/Other Charts/Radar skip points"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"92a57faf-c4ec-9b5a-449a-7a9c904f7f26","type":"RouterNavigate","x":410.6609430404831,"y":2484.2531682619497,"parameters":{"router":"Main","target":"/Pages/Other Charts/Scatter"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"fea8c3a1-9967-7fb1-aa60-261569619f4f","type":"RouterNavigate","x":418.22078352953173,"y":2572.81129970509,"parameters":{"router":"Main","target":"/Pages/Other Charts/Scatter - Multi axis"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"a7e64a8c-3e1d-fe41-c320-32d6b27a9fa4","type":"RouterNavigate","x":410.5745694732074,"y":2662.44940836095,"parameters":{"router":"Main","target":"/Pages/Other Charts/Stacked bar line"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"3d73a4c7-f46e-6e07-c7fd-b4a673d879ac","type":"RouterNavigate","x":419.15297485918484,"y":1107.7434457389836,"parameters":{"router":"Main","target":"/Pages/Line Charts/Interpolation Modes"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"1a12ca3b-025c-2d49-88ba-ef03bf75e758","type":"RouterNavigate","x":424,"y":1328,"parameters":{"router":"Main","target":"/Pages/Line Charts/Multi Axis Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"c0ca3559-b00c-f00c-2e6a-b24f523cf86e","type":"RouterNavigate","x":425.35259205313344,"y":1406.477358960396,"parameters":{"router":"Main","target":"/Pages/Line Charts/Point Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"fb8cfec1-06f5-f846-fba8-cf4f5606d9a2","type":"RouterNavigate","x":417.35259205313344,"y":1570.477358960396,"parameters":{"router":"Main","target":"/Pages/Line Charts/Stepped Line Charts"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"8f679e85-2b9c-fa77-a657-e27c821a6624","type":"RouterNavigate","x":423.35259205313344,"y":1483.477358960396,"parameters":{"router":"Main","target":"/Pages/Line Charts/Line Segment Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"2330515a-587b-1432-e4e5-ec09c208a185","type":"RouterNavigate","x":414.35259205313344,"y":1654.477358960396,"parameters":{"router":"Main","target":"/Pages/Line Charts/Line Styling"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"f2dd8b86-bf80-7684-8999-346e876a4953","type":"JavaScriptFunction","label":"Setup Global Scripts","x":-94.19210618240777,"y":-85.34807398724172,"parameters":{"scriptInputs":[{"id":"eaqp","label":"test"}],"intype-test":"boolean","functionScript":"var _seed = Date.now();\r\n\r\nfunction valueOrDefault(value, defaultValue) {\r\n return value === undefined ? defaultValue : value;\r\n}\r\n\r\nwindow.Utils = {\r\n rand: function (min, max) {\r\n min = valueOrDefault(min, 0);\r\n max = valueOrDefault(max, 0);\r\n _seed = (_seed * 9301 + 49297) % 233280;\r\n return min + (_seed / 233280) * (max - min);\r\n },\r\n\r\n numbers: function (config) {\r\n var cfg = config || {};\r\n var min = valueOrDefault(cfg.min, 0);\r\n var max = valueOrDefault(cfg.max, 100);\r\n var from = valueOrDefault(cfg.from, []);\r\n var count = valueOrDefault(cfg.count, 8);\r\n var decimals = valueOrDefault(cfg.decimals, 8);\r\n var continuity = valueOrDefault(cfg.continuity, 1);\r\n var dfactor = Math.pow(10, decimals) || 0;\r\n var data = [];\r\n var i, value;\r\n\r\n for (i = 0; i < count; ++i) {\r\n value = (from[i] || 0) + this.rand(min, max);\r\n if (this.rand() <= continuity) {\r\n data.push(Math.round(dfactor * value) / dfactor);\r\n } else {\r\n data.push(null);\r\n }\r\n }\r\n\r\n return data;\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"intype-test","displayName":"Type","editorName":"test | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"eaqp","index":4},{"name":"in-test","displayName":"test","plug":"input","type":"boolean","group":"Inputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"a82827e9-0900-33d0-6ac2-7aba32502977","type":"RouterNavigate","x":412.38753900386473,"y":2764.9429870136,"parameters":{"router":"Main","target":"/Pages/Styling/Tooltip"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"29660423-baa3-e9a4-ac0f-72af90ce488e","type":"RouterNavigate","x":414.05294212385274,"y":2917.0581641531257,"parameters":{"router":"Main","target":"/Pages/Styling/Legends"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"d9bfa3e9-6b06-8570-1333-2213cfafa876","type":"RouterNavigate","x":414.21739758383256,"y":2839.7519970733756,"parameters":{"router":"Main","target":"/Pages/Styling/Title"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"7365ef83-9272-d989-99ff-110cc50598ba","type":"RouterNavigate","x":416,"y":2994,"parameters":{"router":"Main","target":"/Pages/Styling/Responsive Test"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"746e0c88-bd92-b536-8e29-b0c933e17362","type":"RouterNavigate","x":416,"y":1264,"parameters":{"router":"Main","target":"/Pages/Line Charts/Stacked Line Chart"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"a27ed774-0e20-e462-7a1f-7de0d75a6da5","type":"RouterNavigate","x":410,"y":3131,"parameters":{"router":"Main","target":"/Pages/Date Adapter/Simple Dates"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"cbb1824a-e6de-ae4e-64e8-a82b3871f4a1","type":"RouterNavigate","x":410,"y":3208,"parameters":{"router":"Main","target":"/Pages/Date Adapter/Complex Dates"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]},{"id":"8e6ef683-0326-6657-6c69-950bcd8ac4ef","type":"RouterNavigate","x":407,"y":3334,"parameters":{"router":"Main","target":"/Pages/Annotations/Line Annotations"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Pages/Other Charts/Pie","/Pages/Line Charts/Line Chart","/Pages/Other Charts/Bubble","/Pages/Bar Charts/Floating Bars","/Pages/Bar Charts/Bar Chart Border Radius","/Pages/Bar Charts/Horizontal Bar Chart","/Pages/Bar Charts/Stacked Bar Chart","/Pages/Bar Charts/Stacked Bar Chart with Groups","/Pages/Bar Charts/Vertical Bar Chart","/Pages/Home","/Pages/Line Charts/Interpolation Modes","/Pages/Other Charts/Combo bar line","/Pages/Other Charts/Doughnut","/Pages/Other Charts/Polar area","/Pages/Other Charts/Polar area centered point labels","/Pages/Other Charts/Radar","/Pages/Other Charts/Radar skip points","/Pages/Other Charts/Scatter","/Pages/Other Charts/Scatter - Multi axis","/Pages/Other Charts/Stacked bar line","/Pages/Line Charts/Multi Axis Line Chart","/Pages/Line Charts/Point Styling","/Pages/Line Charts/Line Segment Styling","/Pages/Line Charts/Stepped Line Charts","/Pages/Line Charts/Line Styling","/Pages/Styling/Tooltip","/Pages/Styling/Legends","/Pages/Styling/Title","/Pages/Styling/Responsive Test","/Pages/Line Charts/Stacked Line Chart","/Pages/Bar Charts/Double Axis Chart","/Pages/Date Adapter/Simple Dates","/Pages/Date Adapter/Complex Dates","/Pages/Annotations/Line Annotations"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]}],"visualRoots":["246f9453-a119-ac78-171e-3806cf596ecc"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":0}}},{"name":"/Components/Navigation","id":"d93421e7-a5c9-5984-d727-96ab6840e5a7","graph":{"connections":[],"roots":[{"id":"1fe7ad83-af0b-5425-95e1-c0f3a7c6b7f3","type":"Group","x":0,"y":0,"parameters":{"width":{"value":260,"unit":"px"},"sizeMode":"explicit","height":{"value":100,"unit":"vh"},"scrollEnabled":true,"backgroundColor":"Navigation 1","borderRightStyle":"solid","borderRightWidth":{"value":2,"unit":"px"},"borderRightColor":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[{"id":"3cbbf272-9ef5-fc75-7cfc-113bfa6d377e","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":["1fe7ad83-af0b-5425-95e1-c0f3a7c6b7f3"]},"metadata":{"canvasPos":{"x":-713.8333740234375,"y":-20}}},{"name":"/Components/Navigation Group","id":"efc658c5-a96b-999f-74f8-86e411778ece","graph":{"connections":[{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Text","toId":"d327ad3f-ecab-e12a-ec3c-c3c20abdaab4","toProperty":"text"},{"fromId":"69f7506d-d97c-2695-ad07-b8b703219155","fromProperty":"didMount","toId":"5a21694d-3c07-0d65-e3e5-b895ef15093d","toProperty":"store"},{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Icon","toId":"ca3388f3-7532-379a-4014-328c77a70083","toProperty":"iconIconSource"},{"fromId":"ed8258bf-19d3-22d1-827e-1980a205e925","fromProperty":"value-Open","toId":"7e2773a0-6452-729d-fd6e-c676ceb23608","toProperty":"value"},{"fromId":"7e2773a0-6452-729d-fd6e-c676ceb23608","fromProperty":"result","toId":"e614fc25-6577-6d94-fe13-ef02718a5bb9","toProperty":"mounted"},{"fromId":"ed8258bf-19d3-22d1-827e-1980a205e925","fromProperty":"value-Open","toId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","toProperty":"value"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"a8d8f9c2-0f3a-e804-6492-dd90242f4c57","toProperty":"mounted"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"7e2773a0-6452-729d-fd6e-c676ceb23608","toProperty":"value"},{"fromId":"7e2773a0-6452-729d-fd6e-c676ceb23608","fromProperty":"result","toId":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","toProperty":"prop-Open"},{"fromId":"f65cd0ba-b7a8-aeef-bab0-f629970bf717","fromProperty":"onClick","toId":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","toProperty":"store"},{"fromId":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","fromProperty":"savedValue","toId":"607f6d55-7029-1e3c-a2e9-9ec3a4f6a237","toProperty":"mounted"},{"fromId":"0df4f14b-67f2-4904-ba60-df33c623b63c","fromProperty":"Is Open","toId":"5a21694d-3c07-0d65-e3e5-b895ef15093d","toProperty":"prop-Open"}],"roots":[{"id":"69f7506d-d97c-2695-ad07-b8b703219155","type":"Group","x":48.666666666666686,"y":-18,"parameters":{"sizeMode":"contentHeight"},"ports":[],"dynamicports":[],"children":[{"id":"f65cd0ba-b7a8-aeef-bab0-f629970bf717","type":"Group","parameters":{"justifyContent":"center","backgroundColor":"Navigation 2","paddingBottom":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"},"flexDirection":"row","styleCss":"user-select: none;\r\ncursor: pointer;\r\n"},"ports":[],"dynamicports":[],"children":[{"id":"270fa551-4d7b-344f-e2f1-4b7890f63e29","type":"Group","parameters":{"width":{"value":40,"unit":"px"},"sizeMode":"contentHeight","alignItems":"center","justifyContent":"center","styleCss":"user-select: none;\r\n"},"ports":[],"dynamicports":[],"children":[]},{"id":"d327ad3f-ecab-e12a-ec3c-c3c20abdaab4","type":"Text","parameters":{"text":"Header","textStyle":"Navigation Items","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]},{"id":"17529ea2-0ed1-a800-4e19-c357b63c8457","type":"Group","parameters":{"alignItems":"center","sizeMode":"explicit","width":{"value":40,"unit":"px"},"justifyContent":"center"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"607f6d55-7029-1e3c-a2e9-9ec3a4f6a237","type":"Group","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"2c23f923-6da5-1e4f-b65b-11aed9501c73","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"0df4f14b-67f2-4904-ba60-df33c623b63c","type":"Component Inputs","x":-407.3333333333333,"y":41,"parameters":{},"ports":[{"name":"Text","plug":"output","type":{"name":"*"},"index":0},{"name":"Is Open","plug":"output","type":{"name":"*"},"index":2},{"name":"Icon","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"ed8258bf-19d3-22d1-827e-1980a205e925","type":"net.noodl.ComponentObject","x":688.8333333333333,"y":410,"parameters":{"properties":"Open"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Open","displayName":"Open","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Open Changed","name":"changed-Open","index":5}],"children":[]},{"id":"5a21694d-3c07-0d65-e3e5-b895ef15093d","type":"net.noodl.SetComponentObjectProperties","label":"Set Initial Values","x":48.83333333333326,"y":-222,"parameters":{"properties":"Open","type-Open":"boolean"},"ports":[],"dynamicports":[{"type":{"name":"boolean"},"plug":"input","group":"Property Values","displayName":"Open","name":"prop-Open","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Open","name":"type-Open","index":4}],"children":[]},{"id":"7e2773a0-6452-729d-fd6e-c676ceb23608","type":"Inverter","x":384.25,"y":335.5,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"7fb5ff32-26ae-8cdb-c8b9-fcb7bfec2b3a","type":"Boolean","x":383.25,"y":450.5,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"bf9d9f9f-c145-f612-8f66-cac9b4f6370d","type":"net.noodl.SetComponentObjectProperties","x":723.25,"y":33.5,"parameters":{"properties":"Open","type-Open":"boolean"},"ports":[],"dynamicports":[{"type":{"name":"boolean"},"plug":"input","group":"Property Values","displayName":"Open","name":"prop-Open","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Open","name":"type-Open","index":4}],"children":[]},{"id":"ca3388f3-7532-379a-4014-328c77a70083","type":"net.noodl.visual.icon","x":317.6666666666667,"y":151,"parameters":{"iconIconSource":{"class":"material-icons","code":"show_chart"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]},{"id":"e614fc25-6577-6d94-fe13-ef02718a5bb9","type":"net.noodl.visual.icon","x":-150.33333333333331,"y":360,"parameters":{"iconIconSource":{"class":"material-icons","code":"keyboard_arrow_right"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]},{"id":"a8d8f9c2-0f3a-e804-6492-dd90242f4c57","type":"net.noodl.visual.icon","x":-150.33333333333331,"y":442,"parameters":{"iconIconSource":{"class":"material-icons","code":"keyboard_arrow_down"},"iconColor":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}],"visualRoots":["69f7506d-d97c-2695-ad07-b8b703219155","ca3388f3-7532-379a-4014-328c77a70083","e614fc25-6577-6d94-fe13-ef02718a5bb9","a8d8f9c2-0f3a-e804-6492-dd90242f4c57"],"comments":[{"text":"Is Open is only initial now","width":215,"height":52,"fill":true,"x":-484,"y":224,"id":"5b0e6e28-9174-9e12-c362-795211a8870b"}]},"metadata":{"canvasPos":{"x":-260,"y":-20}}},{"name":"/Components/Navigation Item","id":"97e0c376-b1b6-ded2-e117-4217bddd6469","graph":{"connections":[{"fromId":"3e7f305d-966d-8efb-b515-a008983aa9ad","fromProperty":"onClick","toId":"3f6c1226-6e46-6066-0b0a-85fc8f4ae73a","toProperty":"Click"},{"fromId":"a614e71a-91ed-55f8-9ed1-8ba7cd8569c7","fromProperty":"Text","toId":"280a4d9e-c157-44da-7891-1876ddeec852","toProperty":"text"}],"roots":[{"id":"a614e71a-91ed-55f8-9ed1-8ba7cd8569c7","type":"Component Inputs","x":-42,"y":-49,"parameters":{},"ports":[{"name":"Text","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"e7aa5d3a-bac7-5a36-5e9e-c748ca5c39b0","type":"Group","x":288.6666666666667,"y":2,"parameters":{"sizeMode":"contentHeight"},"ports":[],"dynamicports":[],"children":[{"id":"3e7f305d-966d-8efb-b515-a008983aa9ad","type":"net.noodl.controls.button","parameters":{"sizeMode":"explicit","label":"Action","useLabel":false,"paddingLeft":{"value":40,"unit":"px"},"paddingRight":{"value":6,"unit":"px"},"borderRadius":{"value":0,"unit":"px"},"backgroundColor":"Navigation 1","height":{"value":36,"unit":"px"},"paddingBottom":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"}},"stateParameters":{"hover":{"backgroundColor":"Navigation 2"}},"ports":[],"dynamicports":[],"children":[{"id":"280a4d9e-c157-44da-7891-1876ddeec852","type":"Text","parameters":{"textAlignX":"left","textStyle":"Navigation Items","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"3f6c1226-6e46-6066-0b0a-85fc8f4ae73a","type":"Component Outputs","x":640.6666666666667,"y":-76,"parameters":{},"ports":[{"name":"Click","plug":"input","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]}],"visualRoots":["e7aa5d3a-bac7-5a36-5e9e-c748ca5c39b0"]},"metadata":{"canvasPos":{"x":195,"y":-20}}},{"name":"/Components/Node Canvas","id":"d278d0b4-e99d-8e06-cf57-7e1898f8812f","graph":{"connections":[],"roots":[{"id":"26f36b41-a7b2-05ad-a532-14a034b03ad1","type":"Group","variant":"Card","x":-2,"y":0,"parameters":{"backgroundColor":"Navigation 2","sizeMode":"explicit","height":{"value":50,"unit":"vh"},"borderStyle":"none","paddingTop":{"value":16,"unit":"px"},"paddingLeft":{"value":16,"unit":"px"},"paddingBottom":{"value":16,"unit":"px"},"paddingRight":{"value":16,"unit":"px"},"borderRadius":{"value":0,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"e081c6d2-8f5a-6c58-4682-cc1732ce57b7","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":["26f36b41-a7b2-05ad-a532-14a034b03ad1"]},"metadata":{"canvasPos":{"x":1105,"y":-20}}},{"name":"/Components/Preview Canvas","id":"7c12bb00-215c-271a-17c7-7d03d226d55f","graph":{"connections":[{"fromId":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","fromProperty":"Height","toId":"2b73c014-713f-baec-21dc-ba912f01cc94","toProperty":"value"},{"fromId":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","fromProperty":"Fixed Height","toId":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","toProperty":"value"},{"fromId":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","fromProperty":"savedValue","toId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","toProperty":"enable"},{"fromId":"2b73c014-713f-baec-21dc-ba912f01cc94","fromProperty":"savedValue","toId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","toProperty":"value"},{"fromId":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","fromProperty":"result","toId":"b36b0773-cf89-10cf-6f55-41f52e6aa983","toProperty":"height"}],"roots":[{"id":"13027089-fe9b-7ee1-9523-eda2e5b5a419","type":"Group","variant":"Card","x":-2,"y":0,"parameters":{"sizeMode":"explicit","alignItems":"center","justifyContent":"center","backgroundColor":"#FFFFFF","borderStyle":"none","borderBottomStyle":"solid","borderBottomWidth":{"value":2,"unit":"px"},"borderBottomColor":"#FFFFFF","borderRadius":{"value":0,"unit":"px"},"height":{"value":50,"unit":"vh"},"width":{"value":100,"unit":"%","isFixed":false}},"ports":[],"dynamicports":[],"children":[{"id":"b36b0773-cf89-10cf-6f55-41f52e6aa983","type":"Group","variant":"Center Chart","label":"Fixed Height","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"ac73a7e2-3cfa-2af8-11e9-5cf8219c290f","type":"Component Children","parameters":{},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"9edb9b9f-e13b-b2a0-b711-3617be2cb8c8","type":"Component Inputs","x":-563,"y":-70,"parameters":{},"ports":[{"name":"Height","plug":"output","type":{"name":"*"},"index":2},{"name":"Fixed Height","plug":"output","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]},{"id":"2b73c014-713f-baec-21dc-ba912f01cc94","type":"Number","x":-552,"y":232,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"cecb7c4c-f143-1ccf-9fad-0d2a14ca8970","type":"Boolean","x":-555,"y":102,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"08d4d9bb-7091-838e-8e36-5a3899b7d6b9","type":"Expression","x":-251,"y":165,"parameters":{"expression":"enable ? value : 300"},"ports":[],"dynamicports":[{"group":"Parameters","name":"enable","type":{"name":"*","editAsType":"string"},"plug":"input","index":7},{"group":"Parameters","name":"value","type":{"name":"*","editAsType":"string"},"plug":"input","index":8}],"children":[],"metadata":{"merge":{"soureCodePorts":["expression"]}}}],"visualRoots":["13027089-fe9b-7ee1-9523-eda2e5b5a419"]},"metadata":{"canvasPos":{"x":650,"y":-20}}},{"name":"/Pages/Annotations/Line Annotations","id":"6700c34b-7047-758a-6837-b166b19f98e5","graph":{"connections":[{"fromId":"6a55dcf0-4a9d-2d05-f2eb-d5425a18411c","fromProperty":"out-Data","toId":"b10793f8-c356-b443-2430-c49de4f04482","toProperty":"data"},{"fromId":"6a55dcf0-4a9d-2d05-f2eb-d5425a18411c","fromProperty":"out-Plugins","toId":"b10793f8-c356-b443-2430-c49de4f04482","toProperty":"customPlugins"},{"fromId":"4b2cd02d-4e7f-6ad5-6876-917a0570fac8","fromProperty":"out-Scales","toId":"b10793f8-c356-b443-2430-c49de4f04482","toProperty":"scales"}],"roots":[{"id":"62f4c881-7090-8432-c55b-db8293321ae7","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Annotations","index":31},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-annotations","index":32}],"children":[{"id":"17788d35-1541-6db6-9e02-dd4b5d0390d8","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"b10793f8-c356-b443-2430-c49de4f04482","type":"Line Chart","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"3a9c8e11-93ad-88e6-cc30-83f1bbc0e2c8","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"6a55dcf0-4a9d-2d05-f2eb-d5425a18411c","type":"JavaScriptFunction","x":-340,"y":85,"parameters":{"functionScript":"Outputs.Data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [\n {\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }\n ]\n}\n\nOutputs.Plugins = {\n annotation: {\n annotations: {\n line1: {\n type: 'line',\n yMin: 50,\n yMax: 60,\n borderColor: 'rgb(255, 99, 132)',\n borderWidth: 2,\n }\n }\n }\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Plugins","displayName":"Plugins","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"4b2cd02d-4e7f-6ad5-6876-917a0570fac8","type":"JavaScriptFunction","x":-339,"y":192,"parameters":{"functionScript":"Outputs.Scales = {\n x: {\n display: true,\n },\n y: {\n display: true,\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["62f4c881-7090-8432-c55b-db8293321ae7"]}},{"name":"/Pages/Bar Charts/Bar Chart Border Radius","id":"e70c5640-da4c-5c49-7196-a09d538a4a64","graph":{"connections":[{"fromId":"bb767120-4505-fd2b-96e7-fe26aa17e3e9","fromProperty":"didMount","toId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","toProperty":"run"},{"fromId":"26d2f9b5-f134-0c2e-5918-22f2e96217f3","fromProperty":"onClick","toId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","toProperty":"run"},{"fromId":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","fromProperty":"out-Data","toId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","toProperty":"data"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"onClick","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"run"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"clickEventData","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"in-data"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"helpers","toId":"6273da02-c6f6-617c-81a3-a32f662058e0","toProperty":"in-helpers"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"onBeforeEvent","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"run"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"beforeEventChart","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-chart"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"beforeEventArgs","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-args"},{"fromId":"df461e4b-b7cf-683c-5eb9-784620e9e65c","fromProperty":"helpers","toId":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","toProperty":"in-helpers"}],"roots":[{"id":"bb767120-4505-fd2b-96e7-fe26aa17e3e9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Bar Chart Border Radius","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"bar-chart-border-radius","index":15}],"children":[{"id":"2f562945-38a3-a045-8598-07d8e8e3482b","type":"/Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"df461e4b-b7cf-683c-5eb9-784620e9e65c","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f4f0869b-7dc3-0990-4a3c-2976b24496fb","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"26d2f9b5-f134-0c2e-5918-22f2e96217f3","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"c517a7c8-80e7-ce52-d779-7a0aa52f7e38","type":"JavaScriptFunction","label":"Generate the Dataset","x":-282,"y":112,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n ],\r\n datasets: [\r\n {\r\n label: \"Fully Rounded\",\r\n data: Utils.numbers({ count: 7, min: -100, max: 100 }),\r\n borderColor: \"rgb(255, 99, 132)\",\r\n backgroundColor: \"rgba(255, 99, 132, 0.5)\",\r\n borderWidth: 2,\r\n borderRadius: 1.7976931348623157e+308,\r\n borderSkipped: false\r\n },\r\n {\r\n label: \"Small Radius\",\r\n data: Utils.numbers({ count: 7, min: -100, max: 100 }),\r\n borderColor: \"rgb(54, 162, 235)\",\r\n backgroundColor: \"rgba(54, 162, 235, 0.5)\",\r\n borderWidth: 2,\r\n borderRadius: 5,\r\n borderSkipped: false\r\n }\r\n ]\r\n}\r\n","scriptOutputs":[{"id":"0t45","label":"Data"},{"id":"g05z","label":"String"}],"outtype-Data":"object","outtype-String":"string"},"ports":[],"dynamicports":[{"name":"outtype-Data","displayName":"Type","editorName":"Data | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"0t45","index":4},{"name":"out-Data","displayName":"Data","plug":"output","type":"object","group":"Outputs","index":5},{"name":"outtype-String","displayName":"Type","editorName":"String | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"g05z","index":6},{"name":"out-String","displayName":"String","plug":"output","type":"string","group":"Outputs","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"6273da02-c6f6-617c-81a3-a32f662058e0","type":"JavaScriptFunction","label":"Click Chart Data","x":360,"y":232,"parameters":{"functionScript":"const data = Inputs.data;\r\nconst helpers = Inputs.helpers;\r\n\r\nconst canvasPosition = helpers.getRelativePosition(data, data.chart);\r\n\r\n// Substitute the appropriate scale IDs\r\nconst dataX = data.chart.scales.x.getValueForPixel(canvasPosition.x);\r\nconst dataY = data.chart.scales.y.getValueForPixel(canvasPosition.y);\r\n\r\nconsole.log({\r\n canvasPosition,\r\n dataX,\r\n dataY\r\n})\r\n"},"ports":[],"dynamicports":[{"name":"in-data","displayName":"data","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-helpers","displayName":"helpers","plug":"input","type":"*","group":"Inputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"7c9d459c-f7b0-5e73-b109-5d380d2068c1","type":"JavaScriptFunction","label":"Before Chart Data","x":360,"y":56,"parameters":{"functionScript":"const chart = Inputs.chart;\r\nconst args = Inputs.args;\r\nconst helpers = Inputs.helpers;\r\n\r\nconst canvasPosition = helpers.getRelativePosition(args.event, chart);\r\n\r\n// Substitute the appropriate scale IDs\r\nconst dataX = chart.scales.x.getValueForPixel(canvasPosition.x);\r\nconst dataY = chart.scales.y.getValueForPixel(canvasPosition.y);\r\n\r\nconsole.log({\r\n canvasPosition,\r\n dataX,\r\n dataY\r\n})\r\n"},"ports":[],"dynamicports":[{"name":"in-chart","displayName":"chart","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-args","displayName":"args","plug":"input","type":"*","group":"Inputs","index":5},{"name":"in-helpers","displayName":"helpers","plug":"input","type":"*","group":"Inputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["bb767120-4505-fd2b-96e7-fe26aa17e3e9"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":1200}}},{"name":"/Pages/Bar Charts/Double Axis Chart","id":"32f19383-4933-32c6-5dbe-f767c918de9e","graph":{"connections":[{"fromId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","fromProperty":"out-Data","toId":"19736d4e-bb21-b242-bd85-f85d1223846a","toProperty":"data"},{"fromId":"124e5c3a-71e1-ca9c-1a9c-267b29477279","fromProperty":"onClick","toId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","toProperty":"run"},{"fromId":"8f3503d3-0583-9ffb-f8b1-a55b596fc296","fromProperty":"didMount","toId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","toProperty":"run"},{"fromId":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","fromProperty":"out-Scales","toId":"19736d4e-bb21-b242-bd85-f85d1223846a","toProperty":"scales"},{"fromId":"19736d4e-bb21-b242-bd85-f85d1223846a","fromProperty":"chartOptions","toId":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","toProperty":"in-Data"},{"fromId":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","fromProperty":"out-Text","toId":"6dfec4b2-cf53-36d7-d8bf-925e8c074b62","toProperty":"startValue"}],"roots":[{"id":"8f3503d3-0583-9ffb-f8b1-a55b596fc296","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Double Axis Chart","index":30},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"double-axis-chart","index":31}],"children":[{"id":"f0ac2431-8870-9879-3e87-63fe1de0d867","type":"/Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"19736d4e-bb21-b242-bd85-f85d1223846a","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Floating Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0de72439-ce6a-cca2-da2b-973facb0a518","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"124e5c3a-71e1-ca9c-1a9c-267b29477279","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]},{"id":"6dfec4b2-cf53-36d7-d8bf-925e8c074b62","type":"net.noodl.controls.textinput","parameters":{"useLabel":false,"type":"textArea","height":{"value":100,"unit":"%"},"marginTop":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"584f4cab-47e4-bae8-3a34-c15fdefb5ead","type":"JavaScriptFunction","label":"Generate the Dataset","x":281.61237279554115,"y":90.64772935169401,"parameters":{"functionScript":"const DummyData = {\r\n flat: [250000, 260000, 270000, 280000, 290000],\r\n terraced: [300000, 310000, 320000, 330000, 340000],\r\n semi: [350000, 360000, 370000, 380000, 390000],\r\n detached: [400000, 410000, 420000, 430000, 440000],\r\n flatsqm: [150, 160, 170, 180, 190],\r\n terracedsqm: [180, 190, 200, 210, 220],\r\n smeisqm: [220, 230, 240, 250, 260],\r\n detachedsqm: [280, 290, 300, 310, 320]\r\n};\r\n\r\nOutputs.Data = {\r\n labels: [\r\n \"Flat\",\r\n \"Terraced\",\r\n \"Semi-Detached\",\r\n \"Detached\"\r\n ],\r\n datasets: [\r\n {\r\n label: \"Sold Prices\",\r\n data: [DummyData.flat, DummyData.terraced, DummyData.semi, DummyData.detached],\r\n yAxisID: \"y-axis-1\",\r\n borderColor: \"#A3A67A\",\r\n backgroundColor: \"#A3A67A\",\r\n borderWidth: 2,\r\n borderRadius: 1.8,\r\n borderSkipped: false\r\n },\r\n {\r\n label: \"Sold Price Rates\",\r\n data: [DummyData.flatsqm, DummyData.terracedsqm, DummyData.smeisqm, DummyData.detachedsqm],\r\n yAxisID: \"y-axis-2\",\r\n borderColor: \"#D26333\",\r\n backgroundColor: \"#D26333\",\r\n borderWidth: 2,\r\n borderRadius: 1.8,\r\n borderSkipped: false\r\n }\r\n ]\r\n}\r\n\r\nOutputs.Scales = {\r\n \"y-axis-1\": {\r\n position: \"left\",\r\n title: {\r\n display: true,\r\n text: \"Hello World\"\r\n }\r\n },\r\n \"y-axis-2\": {\r\n position: \"right\"\r\n },\r\n}\r\n","scriptInputs":[{"id":"pntk","label":"BackgroundColor1"},{"id":"7zd3","label":"BackgroundColor2"}]},"ports":[],"dynamicports":[{"name":"intype-BackgroundColor1","displayName":"Type","editorName":"BackgroundColor1 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"pntk","index":4},{"name":"in-BackgroundColor1","displayName":"BackgroundColor1","plug":"input","type":"string","group":"Inputs","index":5},{"name":"intype-BackgroundColor2","displayName":"Type","editorName":"BackgroundColor2 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"7zd3","index":6},{"name":"in-BackgroundColor2","displayName":"BackgroundColor2","plug":"input","type":"string","group":"Inputs","index":7},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":8},{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":9}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"cd958d05-676e-49b7-f6c9-5a0f2ac45f85","type":"JavaScriptFunction","x":304.8061863977706,"y":371.99053134251363,"parameters":{"functionScript":"Outputs.Text = JSON.stringify(Inputs.Data, null, 2);"},"ports":[],"dynamicports":[{"name":"in-Data","displayName":"Data","plug":"input","type":"*","group":"Inputs","index":4},{"name":"out-Text","displayName":"Text","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["8f3503d3-0583-9ffb-f8b1-a55b596fc296"]}},{"name":"/Pages/Bar Charts/Floating Bars","id":"80596ae6-bd26-f40a-2b74-7eee3112eb38","graph":{"connections":[{"fromId":"c98978e7-2872-8e53-9e71-233473f02660","fromProperty":"out-Data","toId":"d3521b37-7c37-f2ed-ba3a-fca64151c68e","toProperty":"data"},{"fromId":"68e8ac14-ebd1-9038-86a7-75fc59a94bdc","fromProperty":"onClick","toId":"c98978e7-2872-8e53-9e71-233473f02660","toProperty":"run"},{"fromId":"af0d8758-39ec-b805-3a25-b4649c45693e","fromProperty":"didMount","toId":"c98978e7-2872-8e53-9e71-233473f02660","toProperty":"run"}],"roots":[{"id":"af0d8758-39ec-b805-3a25-b4649c45693e","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Floating Bars","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"floating-bars","index":15}],"children":[{"id":"dbfbcb21-503a-9448-be2e-bba53e89059a","type":"/Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"d3521b37-7c37-f2ed-ba3a-fca64151c68e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Floating Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1be4eab7-8066-e89b-9b48-e4ea3b283fcc","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"68e8ac14-ebd1-9038-86a7-75fc59a94bdc","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"c98978e7-2872-8e53-9e71-233473f02660","type":"JavaScriptFunction","label":"Generate the Dataset","x":281.61237279554115,"y":90.64772935169401,"parameters":{"functionScript":"const backgroundColor1 = Inputs.BackgroundColor1 || \"rgb(255, 99, 132)\"\r\nconst backgroundColor2 = Inputs.BackgroundColor2 || \"rgb(54, 162, 235)\"\r\n\r\nconst labels = [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n]\r\n\r\nOutputs.Data = {\r\n labels,\r\n datasets: [\r\n {\r\n label: \"Dataset 1\",\r\n data: labels.map(() => {\r\n return [Utils.rand(-100, 100), Utils.rand(-100, 100)];\r\n }),\r\n backgroundColor: backgroundColor1\r\n },\r\n {\r\n label: \"Dataset 2\",\r\n data: labels.map(() => {\r\n return [Utils.rand(-100, 100), Utils.rand(-100, 100)];\r\n }),\r\n backgroundColor: backgroundColor2\r\n }\r\n ]\r\n}\r\n","scriptInputs":[{"id":"pntk","label":"BackgroundColor1"},{"id":"7zd3","label":"BackgroundColor2"}]},"ports":[],"dynamicports":[{"name":"intype-BackgroundColor1","displayName":"Type","editorName":"BackgroundColor1 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"pntk","index":4},{"name":"in-BackgroundColor1","displayName":"BackgroundColor1","plug":"input","type":"string","group":"Inputs","index":5},{"name":"intype-BackgroundColor2","displayName":"Type","editorName":"BackgroundColor2 | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"7zd3","index":6},{"name":"in-BackgroundColor2","displayName":"BackgroundColor2","plug":"input","type":"string","group":"Inputs","index":7},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":8}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["af0d8758-39ec-b805-3a25-b4649c45693e"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1500,"y":1200}}},{"name":"/Pages/Bar Charts/Horizontal Bar Chart","id":"6e866966-74f3-e75a-18f5-7a94ff14a2ef","graph":{"connections":[{"fromId":"1ee5731a-aa37-8386-063e-27e5c76e303d","fromProperty":"out-Data","toId":"da617336-4a3c-5acc-76bb-ab663863652b","toProperty":"data"},{"fromId":"276341b3-574c-0fd6-687d-16f3c15ccbe5","fromProperty":"out-JSON","toId":"eea09fdb-7981-8269-78b3-960a247bc4fb","toProperty":"text"},{"fromId":"da617336-4a3c-5acc-76bb-ab663863652b","fromProperty":"chartOptions","toId":"276341b3-574c-0fd6-687d-16f3c15ccbe5","toProperty":"in-Value"},{"fromId":"051907eb-1cb2-0c50-de64-b033e3a603e1","fromProperty":"didMount","toId":"1ee5731a-aa37-8386-063e-27e5c76e303d","toProperty":"run"}],"roots":[{"id":"051907eb-1cb2-0c50-de64-b033e3a603e1","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Horizontal Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"horizontal-bar-chart","index":15}],"children":[{"id":"a46ce85e-201d-0640-cba7-5ebe7c0adea3","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"da617336-4a3c-5acc-76bb-ab663863652b","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Horizontal Bar Chart","plugins.title.display":true,"plugins.legend.position":"right","elements.bar.borderWidth":2,"indexAxis":"y"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"e2dd1c35-5d8b-7a0c-06d3-3849f03ec14f","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1ee5731a-aa37-8386-063e-27e5c76e303d","type":"JavaScriptFunction","x":-260.3333333333333,"y":105,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [-91.99588477, 52.35768176, -57.81550069, 61.43518519, 64.43072702, -1.91529492, 57.45884774],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [74.65192044, -58.97805213, -37.25823045, -50.31207133, 37.66289438, 43.95061728, -43.79458162],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"276341b3-574c-0fd6-687d-16f3c15ccbe5","type":"JavaScriptFunction","x":358.83333333333337,"y":264.5,"parameters":{"functionScript":"Outputs.JSON = JSON.stringify(Inputs.Value)"},"ports":[],"dynamicports":[{"name":"in-Value","displayName":"Value","plug":"input","type":"*","group":"Inputs","index":4},{"name":"out-JSON","displayName":"JSON","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"fb58aa89-ac92-1858-4225-0b2c44368900","type":"Group","x":20,"y":329,"parameters":{"flexDirection":"row"},"ports":[],"dynamicports":[],"children":[{"id":"697e3d7a-b6b5-bfb2-02ff-3413161907c1","type":"Group","parameters":{"width":{"value":50,"unit":"%"}},"ports":[],"dynamicports":[],"children":[]},{"id":"aaa4dd6d-350c-aa41-91f3-1af8e79801d2","type":"Group","parameters":{"width":{"value":50,"unit":"%"}},"ports":[],"dynamicports":[],"children":[{"id":"0c82e649-508e-5a78-c68d-c973beb3950c","type":"Text","parameters":{"text":"Chart.js Options","color":"Navigation Text","marginBottom":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"eea09fdb-7981-8269-78b3-960a247bc4fb","type":"Text","parameters":{"text":"","color":"Navigation Text"},"ports":[],"dynamicports":[],"children":[]}]}]}],"visualRoots":["051907eb-1cb2-0c50-de64-b033e3a603e1","fb58aa89-ac92-1858-4225-0b2c44368900"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":3000,"y":1200}}},{"name":"/Pages/Bar Charts/Stacked Bar Chart","id":"4dc5f12d-d228-a38f-8ee9-5e7e06249152","graph":{"connections":[{"fromId":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","fromProperty":"out-Data","toId":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","toProperty":"data"},{"fromId":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","fromProperty":"out-Scales","toId":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","toProperty":"scales"},{"fromId":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","fromProperty":"didMount","toId":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","toProperty":"run"},{"fromId":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","fromProperty":"didMount","toId":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","toProperty":"run"}],"roots":[{"id":"b2f5b73b-e99d-206f-c6f8-cf40b9899771","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-chart","index":15}],"children":[{"id":"49700566-e2fe-51bd-cc1e-7d91129b63bf","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"52ab38a4-c13a-a8d3-10c3-ee03e00083d3","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart - Stacked","plugins.title.display":true,"scales.y.min":10,"scales.y.stacked":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"16d0cb5a-d0a8-3e13-c5a4-bd1434a826c5","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f84340d3-bbfe-e3ae-9af6-6ad776b544f6","type":"JavaScriptFunction","x":-297.3333333333333,"y":76,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\"\r\n ],\r\n datasets: [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n [\r\n 16.299725651577518,\r\n 46.01251714677642\r\n ],\r\n [\r\n 4.6862139917695345,\r\n 28.74056927297667\r\n ],\r\n [\r\n -41.70096021947873,\r\n -18.366769547325106\r\n ],\r\n [\r\n 12.94067215363512,\r\n 3.455932784636502\r\n ],\r\n [\r\n -14.104938271604937,\r\n 52.23336762688615\r\n ],\r\n [\r\n 64.81652949245543,\r\n -99.19495884773663\r\n ],\r\n [\r\n 29.951989026063103,\r\n 25.714163237311396\r\n ]\r\n ],\r\n \"backgroundColor\": \"rgb(255, 99, 132)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n [\r\n 9.69650205761316,\r\n 29.429869684499323\r\n ],\r\n [\r\n -30.51783264746227,\r\n -4.097222222222214\r\n ],\r\n [\r\n -65.99965706447188,\r\n -20.54612482853223\r\n ],\r\n [\r\n -57.242798353909464,\r\n 26.996742112482863\r\n ],\r\n [\r\n -61.03737997256516,\r\n -66.40689300411523\r\n ],\r\n [\r\n -8.24759945130316,\r\n -68.6582647462277\r\n ],\r\n [\r\n 51.74382716049385,\r\n -88.39934842249657\r\n ]\r\n ],\r\n \"backgroundColor\": \"rgb(54, 162, 235)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"9a6335d2-6b7d-89b5-a2e2-8ae2714ecc2a","type":"JavaScriptFunction","x":-300.16666666666663,"y":176.5,"parameters":{"functionScript":"Outputs.Scales = {\r\n x: {\r\n stacked: true\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["b2f5b73b-e99d-206f-c6f8-cf40b9899771"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":4500,"y":1200}}},{"name":"/Pages/Bar Charts/Stacked Bar Chart with Groups","id":"a508eec2-e7e0-a0e4-2ab5-7fc3a4663667","graph":{"connections":[{"fromId":"59783de4-959d-9e37-3143-7a5bba64afa4","fromProperty":"out-Data","toId":"cd907e2b-f3f7-c405-43c0-879a2c44282e","toProperty":"data"},{"fromId":"110fb4d2-318e-6fba-aab4-589a552de861","fromProperty":"out-Scales","toId":"cd907e2b-f3f7-c405-43c0-879a2c44282e","toProperty":"scales"},{"fromId":"cabaef56-5233-8023-f3ef-886feb173cf8","fromProperty":"didMount","toId":"59783de4-959d-9e37-3143-7a5bba64afa4","toProperty":"run"},{"fromId":"cabaef56-5233-8023-f3ef-886feb173cf8","fromProperty":"didMount","toId":"110fb4d2-318e-6fba-aab4-589a552de861","toProperty":"run"}],"roots":[{"id":"cabaef56-5233-8023-f3ef-886feb173cf8","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Bar Chart with Groups","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-chart-with-groups","index":15}],"children":[{"id":"dd0ac646-a510-3aa6-7e74-85822cdc3000","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cd907e2b-f3f7-c405-43c0-879a2c44282e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart - Stacked","plugins.title.display":true,"intersect":false,"interaction.intersect":false},"ports":[],"dynamicports":[],"children":[]}]},{"id":"83643ac9-3d50-6491-eb87-a860c35cb324","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"59783de4-959d-9e37-3143-7a5bba64afa4","type":"JavaScriptFunction","x":-266.3333333333333,"y":87,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [78.51851852, -68.48593964, -84.83196159, 24.54218107, 91.73525377, 8.10528121, 79.82510288],\r\n \"backgroundColor\": \"rgb(255, 99, 132)\",\r\n \"stack\": \"Stack 0\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [-83.228738, 54.74622771, -88.96604938, 73.28875171, -78.24245542, -15.16460905, 27.95438957],\r\n \"backgroundColor\": \"rgb(54, 162, 235)\",\r\n \"stack\": \"Stack 0\"\r\n }, {\r\n \"label\": \"Dataset 3\",\r\n \"data\": [75.80589849, -32.10390947, 47.43484225, -16.4420439, -73.11728395, -1.60322359, -88.31961591],\r\n \"backgroundColor\": \"rgb(75, 192, 192)\",\r\n \"stack\": \"Stack 1\"\r\n }]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"110fb4d2-318e-6fba-aab4-589a552de861","type":"JavaScriptFunction","x":-262.16666666666663,"y":193.5,"parameters":{"functionScript":"Outputs.Scales = {\r\n x: {\r\n stacked: true\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["cabaef56-5233-8023-f3ef-886feb173cf8"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":6000,"y":1200}}},{"name":"/Pages/Bar Charts/Vertical Bar Chart","id":"df0c8d1a-742a-8f63-9e3e-f59fd651c2a5","graph":{"connections":[{"fromId":"fc622a49-d3c9-c54a-3a27-c6cc8d95109b","fromProperty":"out-Data","toId":"f3eb2a50-9b21-ab3f-64c1-c626df7af73e","toProperty":"data"}],"roots":[{"id":"9bd78d8b-6dab-f443-8571-35e5ba49a9d5","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Vertical Bar Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"vertical-bar-chart","index":15}],"children":[{"id":"c82f2b1e-9cc9-c5e4-179c-46030a7221bf","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"f3eb2a50-9b21-ab3f-64c1-c626df7af73e","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f7e0c36d-c586-c02a-e276-6fad269d75d1","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"fc622a49-d3c9-c54a-3a27-c6cc8d95109b","type":"JavaScriptFunction","x":-256.3333333333333,"y":169,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n \"label\": \"Dataset 1\",\r\n \"data\": [-40.08230453, 52.41941015, -20.71673525, -42.20679012, -24.39643347, 12.96124829, -1.73868313],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }, {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [96.93587106, -66.32373114, -52.01131687, 83.0829904, 8.09499314, 73.64197531, 0.71159122],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }]\r\n}"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["9bd78d8b-6dab-f443-8571-35e5ba49a9d5"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":7500,"y":1200}}},{"name":"/Pages/Date Adapter/Complex Dates","id":"1b25657c-f2da-5ac8-a65f-ea24cc7ef574","graph":{"connections":[{"fromId":"7ead6b0d-3afb-a6ca-c819-706f09e53297","fromProperty":"out-Scales","toId":"6474a1f0-58c1-c284-666e-67ff64288938","toProperty":"scales"},{"fromId":"a8309cf8-3e4f-c56d-8402-db39e239d62d","fromProperty":"out-Data","toId":"6474a1f0-58c1-c284-666e-67ff64288938","toProperty":"data"}],"roots":[{"id":"5d00a12c-7971-b16e-f078-21f28c1fd23e","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Complex Dates","index":31},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"complex-dates","index":32}],"children":[{"id":"db7ceaa3-6da9-11ae-596b-04212a93a8be","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"6474a1f0-58c1-c284-666e-67ff64288938","type":"Bar Chart","parameters":{"color":"Primary","plugins.legend.display":true,"plugins.legend.color":"Primary","plugins.legend.labels.family":"Courier New"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"10298597-aa81-2bc9-113a-14bec401eee6","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"7ead6b0d-3afb-a6ca-c819-706f09e53297","type":"JavaScriptFunction","x":-343.08333333333337,"y":139.5,"parameters":{"functionScript":"Outputs.Scales = {\r\n x: {\r\n type: 'time',\r\n time: {\r\n unit: 'month',\r\n tooltipFormat: 'MMM d, YYYY'\r\n },\r\n title: {\r\n display: true,\r\n text: 'Date'\r\n }\r\n },\r\n y: {\r\n beginAtZero: true,\r\n title: {\r\n display: true,\r\n text: 'Value'\r\n }\r\n }\r\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"a8309cf8-3e4f-c56d-8402-db39e239d62d","type":"JavaScriptFunction","x":-341,"y":36,"parameters":{"functionScript":"// Generate a year's worth of daily data\nconst generateData = () => {\n const data = [];\n const startDate = new Date(2023, 0, 1); // Start from January 1, 2023\n for (let i = 0; i < 365; i++) {\n const currentDate = new Date(startDate);\n currentDate.setDate(startDate.getDate() + i);\n data.push({\n x: currentDate,\n y: Math.floor(Math.random() * 100) // Random data between 0 and 100\n });\n }\n return data;\n};\n\nconst data = generateData();\n\nOutputs.Data = {\n datasets: [\n {\n label: 'Sample Data',\n data: data,\n borderColor: 'rgba(75, 192, 192, 1)',\n backgroundColor: 'rgba(75, 192, 192, 0.2)',\n fill: false,\n tension: 0.1\n }\n ]\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["5d00a12c-7971-b16e-f078-21f28c1fd23e"]}},{"name":"/Pages/Date Adapter/Simple Dates","id":"4ca609cd-9743-a5a5-e53b-0d93cd093a60","graph":{"connections":[{"fromId":"c9524e3e-a0bb-a9a5-e530-13942b06fc34","fromProperty":"out-Scales","toId":"cdbd6ff6-764c-cc20-9d9c-511a5b1cc0be","toProperty":"scales"},{"fromId":"da1569be-13c5-16a5-5e7a-0354905b8699","fromProperty":"out-Data","toId":"cdbd6ff6-764c-cc20-9d9c-511a5b1cc0be","toProperty":"data"}],"roots":[{"id":"68c97fe1-746b-5c12-8fe9-8138920b7835","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Simple Dates","index":31},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"simple-dates","index":32}],"children":[{"id":"348b3e9b-f2a6-1182-a117-c717670714ac","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cdbd6ff6-764c-cc20-9d9c-511a5b1cc0be","type":"Bar Chart","parameters":{"color":"Primary","plugins.legend.display":true,"plugins.legend.color":"Primary","plugins.legend.labels.family":"Courier New"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"a4ffb612-12d3-167d-6537-99937c16edeb","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"c9524e3e-a0bb-a9a5-e530-13942b06fc34","type":"JavaScriptFunction","x":-343.08333333333337,"y":139.5,"parameters":{"functionScript":"Outputs.Scales = {\r\n x: {\r\n type: 'time',\r\n time: {\r\n unit: 'month',\r\n tooltipFormat: 'MMM d, YYYY'\r\n },\r\n title: {\r\n display: true,\r\n text: 'Date'\r\n }\r\n },\r\n y: {\r\n beginAtZero: true,\r\n title: {\r\n display: true,\r\n text: 'Value'\r\n }\r\n }\r\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"da1569be-13c5-16a5-5e7a-0354905b8699","type":"JavaScriptFunction","x":-341,"y":36,"parameters":{"functionScript":"Outputs.Data = {\n labels: ['2023-01-01', '2023-02-01', '2023-03-01', '2023-04-01'],\n datasets: [\n {\n label: 'Sample Data',\n data: [10, 20, 30, 40],\n borderColor: 'rgba(75, 192, 192, 1)',\n backgroundColor: 'rgba(75, 192, 192, 0.2)',\n fill: false,\n tension: 0.1\n }\n ]\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["68c97fe1-746b-5c12-8fe9-8138920b7835"]}},{"name":"/Pages/Home","id":"d1a5e184-e937-bc07-2e24-ac55ded032b7","graph":{"connections":[{"fromId":"5d745541-401a-8219-76de-a3c968a127b5","fromProperty":"onClick","toId":"a34da570-7db0-22bd-6619-dc2ee548f965","toProperty":"do"}],"roots":[{"id":"0d50b10d-b859-c47c-0f61-2763c78f771f","type":"Page","x":0,"y":0,"parameters":{"paddingTop":{"value":16,"unit":"px"},"paddingLeft":{"value":16,"unit":"px"},"paddingRight":{"value":16,"unit":"px"},"urlPath":"/"},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Home","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"home","index":15}],"children":[{"id":"a778646e-7ed5-f0a6-9a1a-08c457384198","type":"Group","variant":"Card","parameters":{"minWidth":{"value":500,"unit":"px"},"minHeight":{"value":500,"unit":"px"},"sizeMode":"contentHeight","backgroundColor":"Navigation 2","borderColor":"Navigation 1","borderWidth":{"value":2,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"2f8a70a0-8245-2d52-a8d4-fa80f02b5f2b","type":"Text","parameters":{"text":"Chart.js Module Preview","marginBottom":{"value":16,"unit":"px"},"color":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[]},{"id":"5cba6716-b0d2-2066-1de5-32fcebeede52","type":"Text","parameters":{"text":"All these samples are based on the Chart.js Samples.\n\nChart.js comes with built-in chart types:\n* line and area\n* bar\n* radar\n* doughnut\n* pie\n* polar area\n* bubble\n* scatter","sizeMode":"contentSize","color":"#FFFFFF"},"ports":[],"dynamicports":[],"children":[]},{"id":"5d745541-401a-8219-76de-a3c968a127b5","type":"Text","parameters":{"text":"Open Chart.js Samples","color":"#1400FF","sizeMode":"contentSize"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"b55a86e4-22a8-c722-c5be-e13d29518b28","type":"PageInputs","x":-445,"y":9,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"a34da570-7db0-22bd-6619-dc2ee548f965","type":"net.noodl.externallink","x":279.16666666666674,"y":246.5,"parameters":{"link":"https://www.chartjs.org/docs/latest/samples"},"ports":[],"dynamicports":[],"children":[]}],"visualRoots":["0d50b10d-b859-c47c-0f61-2763c78f771f"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1513.25384087447,"y":-30.92562870709705}}},{"name":"/Pages/Line Charts/Interpolation Modes","id":"64948d93-938e-1849-4ea1-a05bd785ffbe","graph":{"connections":[{"fromId":"f7cfbc6c-7500-cda6-c877-a946d9cc9bb8","fromProperty":"out-Data","toId":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","toProperty":"data"},{"fromId":"be714ecd-45bf-085b-4229-c0bc818d35ac","fromProperty":"out-Scales","toId":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","toProperty":"scales"}],"roots":[{"id":"1d24b190-466b-6599-16cb-05270ca6d780","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Interpolation Modes","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"interpolation-modes","index":15}],"children":[{"id":"6a8aacdf-f191-72d5-10ce-e76b18b77665","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"6ad6b61e-6862-34b2-4a48-e61bc63eb1a1","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart - Cubic interpolation mode"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"643744ce-4c35-5f4a-805e-2c5729e298d0","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f7cfbc6c-7500-cda6-c877-a946d9cc9bb8","type":"JavaScriptFunction","x":-314.3333333333333,"y":100,"parameters":{"functionScript":"Outputs.Data = {\n labels: [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"11\"],\n datasets: [\n {\n \"label\": \"Cubic interpolation (monotone)\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"fill\": false,\n \"cubicInterpolationMode\": \"monotone\",\n \"tension\": 0.4\n },\n {\n \"label\": \"Cubic interpolation\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"fill\": false,\n \"tension\": 0.4\n },\n {\n \"label\": \"Linear interpolation (default)\",\n \"data\": [0, 20, 20, 60, 60, 120, null, 180, 120, 125, 105, 110, 170],\n \"borderColor\": \"rgb(75, 192, 192)\",\n \"fill\": false\n }\n ]\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"be714ecd-45bf-085b-4229-c0bc818d35ac","type":"JavaScriptFunction","x":-316.81100195045815,"y":241.0233296892771,"parameters":{"functionScript":"Outputs.Scales = {\n x: {\n display: true,\n title: {\n display: true\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n },\n suggestedMin: -10,\n suggestedMax: 200\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["1d24b190-466b-6599-16cb-05270ca6d780"]},"metadata":{"canvasPos":{"x":-12.681806515365473,"y":2400}}},{"name":"/Pages/Line Charts/Line Chart","id":"69c7f4a9-7b09-7a70-9929-b7dcec7bcf2f","graph":{"connections":[{"fromId":"52b66f8e-ddca-6e5a-b349-5088b53852b9","fromProperty":"out-Data","toId":"7007acb6-f34a-81f9-a084-683fc6e61245","toProperty":"data"}],"roots":[{"id":"2ba2681f-947a-3ffe-43ac-42171e3ff345","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-chart","index":15}],"children":[{"id":"c5d05082-de17-aee3-74d8-49550335019f","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"7007acb6-f34a-81f9-a084-683fc6e61245","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"43874c75-7db0-a294-ae1d-dcdd64fd7561","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"52b66f8e-ddca-6e5a-b349-5088b53852b9","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n \"label\": \"Dataset 1\",\n \"data\": [\n -95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,\n -58.07098765, 41.22085048\n ],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\n },\n {\n \"label\": \"Dataset 2\",\n \"data\": [\n 48.94890261, 26.84156379, 73.66426612, -52.55829904, 21.01337449,\n -29.07750343, -0.36179698\n ],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\n }\n ]\n}\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["2ba2681f-947a-3ffe-43ac-42171e3ff345"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":1480,"y":2380}}},{"name":"/Pages/Line Charts/Line Segment Styling","id":"a79d225a-bd1f-750f-1bd0-49b184770a16","graph":{"connections":[{"fromId":"b6eb6e8b-3c5b-e391-6242-7c4f56ddf8c4","fromProperty":"out-Data","toId":"f098cfbf-a9ea-3bad-da2d-6cc7278a7873","toProperty":"data"}],"roots":[{"id":"6883756a-90d9-4f36-51cb-b90b00b73bc4","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Segment Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-segment-styling","index":15}],"children":[{"id":"bd91cd61-2702-5615-3b11-83777a6dfc20","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"f098cfbf-a9ea-3bad-da2d-6cc7278a7873","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"7f43eeca-e4bb-ac5e-5595-e9083d6f3459","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"b6eb6e8b-3c5b-e391-6242-7c4f56ddf8c4","type":"JavaScriptFunction","x":-359.3333333333333,"y":104,"parameters":{"functionScript":"const skipped = (ctx, value) => ctx.p0.skip || ctx.p1.skip ? value : undefined;\r\nconst down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ? value : undefined;\r\n\r\nOutputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [{\r\n label: 'My First Dataset',\r\n data: [65, 59, NaN, 48, 56, 57, 40],\r\n borderColor: 'rgb(75, 192, 192)',\r\n segment: {\r\n borderColor: ctx => skipped(ctx, 'rgb(0,0,0,0.2)') || down(ctx, 'rgb(192,75,75)'),\r\n borderDash: ctx => skipped(ctx, [6, 6]),\r\n },\r\n spanGaps: true\r\n }]\r\n}"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["6883756a-90d9-4f36-51cb-b90b00b73bc4"]},"metadata":{"canvasPos":{"x":3045,"y":2470}}},{"name":"/Pages/Line Charts/Line Styling","id":"69ba6432-6ee5-b9ca-7241-46ad48a608ec","graph":{"connections":[{"fromId":"f5e5a63d-dca9-f018-d9ca-c2b4b0ab6f1b","fromProperty":"out-Data","toId":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","toProperty":"data"},{"fromId":"caee7d53-780e-84d7-cbec-b45f7aa67eb1","fromProperty":"out-Scales","toId":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","toProperty":"scales"}],"roots":[{"id":"dc69cc23-74cb-e30f-7f90-7c5d1dedfb86","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Line Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"line-styling","index":15}],"children":[{"id":"be14469a-0617-febd-ec50-9fb2eeb128e5","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"41c6e597-cd3a-e990-cca1-3c5e208f51c0","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart","interaction.mode":"index"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d80048d1-4555-b514-8ab7-daf65c3edac0","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f5e5a63d-dca9-f018-d9ca-c2b4b0ab6f1b","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Unfilled\",\r\n \"fill\": false,\r\n \"backgroundColor\": \"rgb(54, 162, 235)\",\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"data\": [\r\n 99.42043896, 26.9015775, -23.60082305, -42.21021948, -93.12414266,\r\n 40.94135802, -52.35939643\r\n ]\r\n },\r\n {\r\n \"label\": \"Dashed\",\r\n \"fill\": false,\r\n \"backgroundColor\": \"rgb(75, 192, 192)\",\r\n \"borderColor\": \"rgb(75, 192, 192)\",\r\n \"borderDash\": [5, 5],\r\n \"data\": [\r\n 7.22050754, -51.92386831, -64.36042524, -5.39780521, -35.52983539,\r\n -11.54663923, -64.31241427\r\n ]\r\n },\r\n {\r\n \"label\": \"Filled\",\r\n \"backgroundColor\": \"rgb(255, 99, 132)\",\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"data\": [\r\n -43.20987654, -27.25137174, 97.14334705, -8.2973251, -44.8079561,\r\n -54.3638546, -64.1255144\r\n ],\r\n \"fill\": true\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"caee7d53-780e-84d7-cbec-b45f7aa67eb1","type":"JavaScriptFunction","x":-366.66666666666663,"y":274.5,"parameters":{"functionScript":"Outputs.Scales = {\n x: {\n display: true,\n title: {\n display: true,\n text: 'Month'\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n }\n }\n}\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["dc69cc23-74cb-e30f-7f90-7c5d1dedfb86"]},"metadata":{"canvasPos":{"x":4540,"y":2460}}},{"name":"/Pages/Line Charts/Multi Axis Line Chart","id":"99d373d1-2e85-681a-ccc0-bd9f60c9f1c6","graph":{"connections":[{"fromId":"9193bad1-4aae-b6b4-9c22-1aaf24087534","fromProperty":"out-Data","toId":"8dbb0450-fcdb-9aec-b7ec-4487c08a70a3","toProperty":"data"}],"roots":[{"id":"37493aec-db12-8fe8-58d3-57b9ea16953f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Multi Axis Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"multi-axis-line-chart","index":15}],"children":[{"id":"ec486e13-f9af-29d7-7fd5-a71f58f990f1","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"8dbb0450-fcdb-9aec-b7ec-4487c08a70a3","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9ca9c6ce-9209-9214-1b7d-75219b7cde0d","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9193bad1-4aae-b6b4-9c22-1aaf24087534","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n datasets: [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n -68.89917695, -66.52091907, 96.14540466, -8.06069959, 97.40397805,\r\n 15.00857339, 28.7037037\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"yAxisID\": \"y\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n -7.18964335, -45.75788752, -91.93930041, 86.3648834, -19.48731139,\r\n 96.67695473, 44.73422497\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"yAxisID\": \"y1\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["37493aec-db12-8fe8-58d3-57b9ea16953f"]},"metadata":{"canvasPos":{"x":6023.333222061486,"y":2430}}},{"name":"/Pages/Line Charts/Point Styling","id":"82dc8e49-e1d0-5215-f261-2dfa4437e413","graph":{"connections":[{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Data","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"data"},{"fromId":"fd85357d-a069-fedb-d846-bc01ba62b818","fromProperty":"didMount","toId":"c00f7a56-68ed-d61f-00f2-d1e4552440cf","toProperty":"store"},{"fromId":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","fromProperty":"formatted","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"plugins.title.text"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Point Style","toId":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","toProperty":"PointStyle"},{"fromId":"e912324a-8f9d-05ef-a972-e4f7edf40ba7","fromProperty":"value-Point Style","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"in-PointStyle"},{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Data","toId":"b98fc279-115f-0602-dfee-fe483a8f13a1","toProperty":"prop-Data"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Data","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"in-Data"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"value-Point Style","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"in-PointStyle"},{"fromId":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","fromProperty":"changed","toId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","toProperty":"run"},{"fromId":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","fromProperty":"out-Data","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"data"},{"fromId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","fromProperty":"out-Done","toId":"b98fc279-115f-0602-dfee-fe483a8f13a1","toProperty":"store"},{"fromId":"efa86cff-96f4-f5bb-4fa1-3332657073d5","fromProperty":"out-Items","toId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","toProperty":"items"},{"fromId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","fromProperty":"onChange","toId":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","toProperty":"store"},{"fromId":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","fromProperty":"value","toId":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","toProperty":"prop-Point Style"},{"fromId":"fd85357d-a069-fedb-d846-bc01ba62b818","fromProperty":"didMount","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"run"},{"fromId":"eb2b2c7e-b73b-36a1-e5ec-9d27d1c6718c","fromProperty":"onClick","toId":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","toProperty":"run"},{"fromId":"095277e2-d62a-dfc8-d98f-04dc7789eec7","fromProperty":"out-Animations","toId":"044b6b1a-b750-18e5-4684-139a710a42c3","toProperty":"animations"}],"roots":[{"id":"fd85357d-a069-fedb-d846-bc01ba62b818","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Point Styling","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"point-styling","index":15}],"children":[{"id":"d13264f2-1c19-5e19-2370-3f2e0a40e3be","type":"/Components/Preview Canvas","parameters":{"Height":300,"Fixed Height":true},"ports":[],"dynamicports":[],"children":[{"id":"044b6b1a-b750-18e5-4684-139a710a42c3","type":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Point Style","animateOnDataUpdate":false},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0d4862f4-1562-de7a-d70c-237bb0fae516","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"eb2b2c7e-b73b-36a1-e5ec-9d27d1c6718c","type":"net.noodl.controls.button","parameters":{"label":"Randomize"},"ports":[],"dynamicports":[],"children":[]},{"id":"665a6a21-32f8-8c01-7330-6a6cbbb46e0e","type":"net.noodl.controls.options","parameters":{"marginBottom":{"value":6,"unit":"px"},"useLabel":true,"label":"Point Style","value":"circle","color":"#AAAA9F","backgroundColor":"Background 1","borderColor":"Background 2"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"fbcfa6fb-4de6-4a6d-3d3d-6fdfe0637466","type":"JavaScriptFunction","label":"Generate the Dataset","x":408.37321020594436,"y":-20.554234594827847,"parameters":{"functionScript":"const pointStyle = Inputs.PointStyle\r\n\r\nOutputs.Data = {\r\n labels: [\"Day 1\", \"Day 2\", \"Day 3\", \"Day 4\", \"Day 5\", \"Day 6\"],\r\n datasets: [\r\n {\r\n label: \"Dataset\",\r\n data: Utils.numbers({count: 6, min: -100, max: 100}),\r\n borderColor: \"rgb(255, 99, 132)\",\r\n backgroundColor: \"rgba(255, 99, 132, 0.5)\",\r\n pointStyle: pointStyle,\r\n pointRadius: 10,\r\n pointHoverRadius: 15\r\n }\r\n ]\r\n}\r\n\r\nOutputs.Done()\r\n","scriptOutputs":[{"id":"x9ou","label":"Done"},{"id":"dw6a","label":"Data"}],"outtype-Data":"object","outtype-Done":"signal","scriptInputs":[{"id":"p0zp","label":"Done"}],"intype-Done":"object","intype-Numbers":"array"},"ports":[],"dynamicports":[{"name":"outtype-Done","displayName":"Type","editorName":"Done | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"x9ou","index":4},{"name":"out-Done","displayName":"Done","plug":"output","type":"signal","group":"Outputs","index":5},{"name":"outtype-Data","displayName":"Type","editorName":"Data | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"dw6a","index":6},{"name":"out-Data","displayName":"Data","plug":"output","type":"object","group":"Outputs","index":7},{"name":"intype-Done","displayName":"Type","editorName":"Done | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"p0zp","index":8},{"name":"in-Done","displayName":"Done","plug":"input","type":"object","group":"Inputs","index":9},{"name":"in-PointStyle","displayName":"PointStyle","plug":"input","type":"*","group":"Inputs","index":10}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"5e7505cf-55bf-c023-8606-b8a554bf6d3f","type":"net.noodl.ComponentObject","x":-605.1194405858288,"y":142.01814171318847,"parameters":{"properties":"Point Style,Data"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Point Style","displayName":"Point Style","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Point Style Changed","name":"changed-Point Style","index":5},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Data","displayName":"Data","index":6},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Data Changed","name":"changed-Data","index":7}],"children":[]},{"id":"c00f7a56-68ed-d61f-00f2-d1e4552440cf","type":"net.noodl.SetComponentObjectProperties","label":"Set Initial values","x":-27.558411219115897,"y":-225.40903766590077,"parameters":{"properties":"Point Style","type-Point Style":"string","prop-Point Style":"circle"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"Point Style","name":"prop-Point Style","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Point Style","name":"type-Point Style","index":4}],"children":[]},{"id":"41f47c4b-18ba-db13-043c-0bf6d9b1249a","type":"String Format","x":-300.23296407002306,"y":91.9731053707601,"parameters":{"format":"Point Style: {PointStyle}\n"},"ports":[],"dynamicports":[{"name":"PointStyle","type":"string","plug":"input","index":2}],"children":[]},{"id":"e912324a-8f9d-05ef-a972-e4f7edf40ba7","type":"net.noodl.ComponentObject","x":701.6931642965237,"y":96.19514285177337,"parameters":{"properties":"Point Style"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"value-Point Style","displayName":"Point Style","index":4},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Point Style Changed","name":"changed-Point Style","index":5}],"children":[]},{"id":"b98fc279-115f-0602-dfee-fe483a8f13a1","type":"net.noodl.SetComponentObjectProperties","x":697.9895781653156,"y":-105.73786578145922,"parameters":{"properties":"Data","type-Point Style":"string","prop-Point Style":"circle","type-Data":"object"},"ports":[],"dynamicports":[{"type":{"name":"object"},"plug":"input","group":"Property Values","displayName":"Data","name":"prop-Data","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Data","name":"type-Data","index":4}],"children":[]},{"id":"9b81fe64-be00-b89c-d88d-5008bcd8cc6c","type":"JavaScriptFunction","label":"Update Point Style on Dataset ","x":-299.868923031313,"y":191.99259075691776,"parameters":{"functionScript":"const pointStyle = Inputs.PointStyle\r\nconst data = Inputs.Data\r\n\r\ndata.datasets.forEach((dataset) => {\r\n dataset.pointStyle = pointStyle\r\n})\r\n\r\nOutputs.Data = data\r\n"},"ports":[],"dynamicports":[{"name":"in-PointStyle","displayName":"PointStyle","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-Data","displayName":"Data","plug":"input","type":"*","group":"Inputs","index":5},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"efa86cff-96f4-f5bb-4fa1-3332657073d5","type":"JavaScriptFunction","label":"Point Style Items","x":-304,"y":568,"parameters":{"functionScript":"Outputs.Items = [\r\n {\r\n Label: \"circle (default)\",\r\n Value: \"circle\",\r\n },\r\n {\r\n Label: \"cross\",\r\n Value: \"cross\",\r\n },\r\n {\r\n Label: \"crossRot\",\r\n Value: \"crossRot\",\r\n },\r\n {\r\n Label: \"dash\",\r\n Value: \"dash\",\r\n },\r\n {\r\n Label: \"line\",\r\n Value: \"line\",\r\n },\r\n {\r\n Label: \"rect\",\r\n Value: \"rect\",\r\n },\r\n {\r\n Label: \"rectRounded\",\r\n Value: \"rectRounded\",\r\n },\r\n {\r\n Label: \"rectRot\",\r\n Value: \"rectRot\",\r\n },\r\n {\r\n Label: \"star\",\r\n Value: \"star\",\r\n },\r\n {\r\n Label: \"triangle\",\r\n Value: \"triangle\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Items","displayName":"Items","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"885b2db4-ff7c-2905-3d44-ae498ecdd5ba","type":"net.noodl.SetComponentObjectProperties","label":"Set Component Object Properties","x":391.52841226798216,"y":376.47166769252954,"parameters":{"properties":"Point Style","type-Point Style":"string","prop-Point Style":"cross"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"Point Style","name":"prop-Point Style","index":3},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"default":"*","plug":"input","group":"Property Types","displayName":"Point Style","name":"type-Point Style","index":4}],"children":[]},{"id":"095277e2-d62a-dfc8-d98f-04dc7789eec7","type":"JavaScriptFunction","label":"","x":-304,"y":392,"parameters":{"functionScript":"Outputs.Animations = {\r\n tension: {\r\n duration: 1000,\r\n easing: 'linear',\r\n from: 1,\r\n to: 0,\r\n loop: true\r\n }\r\n}"},"ports":[],"dynamicports":[{"name":"out-Animations","displayName":"Animations","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["fd85357d-a069-fedb-d846-bc01ba62b818"]},"metadata":{"canvasPos":{"x":7520,"y":2500}}},{"name":"/Pages/Line Charts/Stacked Line Chart","id":"7283858f-5766-df92-2342-cafc10848eff","graph":{"connections":[{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Data","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"data"},{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Scales","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"scales"},{"fromId":"99bc143a-b842-fdee-1e7d-48e4654b608c","fromProperty":"out-Plugins","toId":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","toProperty":"customPlugins"}],"roots":[{"id":"841c9d93-c153-d72d-2ff1-dc22c892d6b2","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked Line Chart","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-line-chart","index":15}],"children":[{"id":"00129b7c-445b-4b51-37b4-e5b5e8fba92f","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"0ebf4b8c-fef6-0707-e5d1-dbc3421d0549","type":"Line Chart","label":"Line Chart","parameters":{"plugins.legend.position":"bottom","color":"Primary","plugins.title.display":true,"plugins.title.text":"Chart.js Stacked Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"ab1c0abb-380b-a847-4c47-b4344cd879ac","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"99bc143a-b842-fdee-1e7d-48e4654b608c","type":"JavaScriptFunction","x":-344,"y":96,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n stacked: true\n }\n}\n\nOutputs.Data = {\n labels: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\n datasets: [\n {\n \"label\": \"Dataset 1\",\n \"data\": [\n 95.88820302, 46.40775034, 99.6090535, 6.92558299, 37.49314129,\n 58.07098765, 41.22085048\n ],\n \"borderColor\": \"rgb(255, 99, 132)\",\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\n fill: true\n },\n {\n \"label\": \"Dataset 2\",\n \"data\": [\n 48.94890261, 26.84156379, 73.66426612, 52.55829904, 21.01337449,\n 29.07750343, 0.36179698\n ],\n \"borderColor\": \"rgb(54, 162, 235)\",\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\n fill: true\n }\n ]\n}\n\nOutputs.Plugins = {\n filler: {\n propagate: true\n }\n};\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":5},{"name":"out-Plugins","displayName":"Plugins","plug":"output","type":"*","group":"Outputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["841c9d93-c153-d72d-2ff1-dc22c892d6b2"]}},{"name":"/Pages/Line Charts/Stepped Line Charts","id":"229beedb-37ab-ff99-33cd-caf8f8ac96e1","graph":{"connections":[{"fromId":"1c3aa8fd-a7f6-0321-4cc9-896c479f8b27","fromProperty":"out-Data","toId":"3628b88c-1f50-d135-8336-6201d9c5bd8f","toProperty":"data"}],"roots":[{"id":"dc6b6876-19f2-98aa-7092-ca62307ab966","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stepped Line Charts","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stepped-line-charts","index":15}],"children":[{"id":"faad61b5-4fc8-c5d5-b8d7-3395747320c7","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"3628b88c-1f50-d135-8336-6201d9c5bd8f","type":"Line Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"Chart.js Line Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"7e536ad6-6793-9c16-6d5a-3c81f99f9560","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1c3aa8fd-a7f6-0321-4cc9-896c479f8b27","type":"JavaScriptFunction","x":-353.3333333333333,"y":159,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"Day 1\", \"Day 2\", \"Day 3\", \"Day 4\", \"Day 5\", \"Day 6\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset\",\r\n \"data\": [\r\n -90.74759945, 69.24382716, -42.57544582, 87.37482853, -79.17695473,\r\n -43.46536351\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"fill\": false,\r\n \"stepped\": true\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["dc6b6876-19f2-98aa-7092-ca62307ab966"]},"metadata":{"canvasPos":{"x":8950,"y":2410}}},{"name":"/Pages/Other Charts/Bubble","id":"020b9971-b617-056c-f834-84c8bdd511f0","graph":{"connections":[{"fromId":"d438022d-aff8-5176-9b5e-72caa274221b","fromProperty":"out-Data","toId":"ebe98911-4ff9-2741-61fe-b505cb37b7fa","toProperty":"data"}],"roots":[{"id":"9288ac4b-998e-81f7-9240-26eb90e196c9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Bubble","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"bubble","index":15}],"children":[{"id":"26b26232-4d0f-ed8e-c0dc-b3aae399c88c","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"ebe98911-4ff9-2741-61fe-b505cb37b7fa","type":"Bubble Chart","parameters":{"plugins.title.text":"Chart.js Bubble Chart'","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8e4d7ffa-5f3d-1df2-832b-ba594147ce7f","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d438022d-aff8-5176-9b5e-72caa274221b","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 6.64266118, \"y\": 17.53858025, \"r\": 9.314643347050755 },\r\n { \"x\": 96.5149177, \"y\": 11.62894376, \"r\": 7.610982510288066 },\r\n { \"x\": 76.40775034, \"y\": 26.60408093, \"r\": 11.861539780521262 },\r\n { \"x\": 58.66683813, \"y\": 93.3281893, \"r\": 6.294710219478738 },\r\n { \"x\": 63.04526749, \"y\": 61.18398491, \"r\": 9.212962962962962 },\r\n { \"x\": 61.14797668, \"y\": 9.18381344, \"r\": 11.881730109739369 },\r\n { \"x\": 87.54286694, \"y\": 23.74742798, \"r\": 14.084962277091908 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 13.47350823, \"y\": 60.22333676, \"r\": 10.254929698216735 },\r\n { \"x\": 18.52066187, \"y\": 81.83427641, \"r\": 13.214334705075446 },\r\n { \"x\": 18.52666324, \"y\": 36.67566872, \"r\": 8.640303497942387 },\r\n { \"x\": 88.80015432, \"y\": 63.01911866, \"r\": 5.576045953360769 },\r\n { \"x\": 89.83496228, \"y\": 62.0991941, \"r\": 14.91662379972565 },\r\n { \"x\": 78.42121056, \"y\": 75.8912037, \"r\": 11.631172839506174 },\r\n { \"x\": 85.42309671, \"y\": 31.55564129, \"r\": 13.65179183813443 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["9288ac4b-998e-81f7-9240-26eb90e196c9"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":0,"y":3600}}},{"name":"/Pages/Other Charts/Combo bar line","id":"30a9d5ed-cc92-bdb6-e23b-8c9c673f739a","graph":{"connections":[{"fromId":"01eab77b-82c6-552d-8402-4649ee2d415e","fromProperty":"out-Data","toId":"de2796dc-6d2e-40c2-a54d-6af6aab9f04b","toProperty":"data"}],"roots":[{"id":"01e4d0ba-a4d7-7859-99bb-0e7370d4e8f9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Combo bar line","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"combo-bar-line","index":15}],"children":[{"id":"c0f66e8e-0a8f-1790-8c84-0351b29c3111","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"de2796dc-6d2e-40c2-a54d-6af6aab9f04b","type":"Bar Chart","parameters":{"plugins.title.text":"Chart.js Combined Line/Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"54cfb28b-4534-4782-a46c-431fa606b14f","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"01eab77b-82c6-552d-8402-4649ee2d415e","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 43.68312757, -4.55589849, -62.87722908, 19.33641975, -36.92729767,\r\n 81.91186557, 37.58230453\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"order\": 1\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n -71.1505487, -86.26200274, -34.91255144, -40.55898491, 99.26783265,\r\n 68.51851852, -78.48593964\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"type\": \"line\",\r\n \"order\": 0\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["01e4d0ba-a4d7-7859-99bb-0e7370d4e8f9"]},"metadata":{"canvasPos":{"x":1530,"y":3630}}},{"name":"/Pages/Other Charts/Doughnut","id":"c44ce2eb-c125-ce00-64e2-6e3099b69321","graph":{"connections":[{"fromId":"31f10e0c-26d2-6219-240b-f4d900929f65","fromProperty":"out-Data","toId":"fdb39ab4-ee47-555f-b424-22a3ba59cc88","toProperty":"data"}],"roots":[{"id":"fe766121-2aaf-3861-3eb0-53711a059e53","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Doughnut","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"doughnut","index":15}],"children":[{"id":"2c54a54c-9917-8a0a-8a6e-372a42857ac2","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"fdb39ab4-ee47-555f-b424-22a3ba59cc88","type":"Doughnut Chart","parameters":{"plugins.title.text":"Chart.js Doughnut Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4673050f-44da-25be-e2e4-5c58981f26d9","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"31f10e0c-26d2-6219-240b-f4d900929f65","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"Red\", \"Orange\", \"Yellow\", \"Green\", \"Blue\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [96.79955418, 80.80761317, 36.31772977, 64.56447188, 7.52314815],\r\n \"backgroundColor\": [\r\n \"rgb(255, 99, 132)\",\r\n \"rgb(255, 159, 64)\",\r\n \"rgb(255, 205, 86)\",\r\n \"rgb(75, 192, 192)\",\r\n \"rgb(54, 162, 235)\",\r\n \"rgb(153, 102, 255)\",\r\n \"rgb(201, 203, 207)\",\r\n \"rgba(255, 99, 132, 0.5)\",\r\n \"rgba(255, 99, 132, 0.5)\",\r\n \"rgba(75, 192, 192, 0.5)\",\r\n \"rgba(54, 162, 235, 0.5)\"\r\n ]\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["fe766121-2aaf-3861-3eb0-53711a059e53"]},"metadata":{"canvasPos":{"x":2975,"y":3570}}},{"name":"/Pages/Other Charts/Pie","id":"2614d74b-5049-e5ec-35e9-8a16be07415e","graph":{"connections":[{"fromId":"35f48a5f-d27b-b6e5-aa97-93c1c7a584f8","fromProperty":"out-Data","toId":"bb6cc8ed-d85d-a4a5-ab3a-b1aa40e27d56","toProperty":"data"}],"roots":[{"id":"2392f2aa-b100-4aeb-688a-6353bf1ad1ec","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Pie","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"pie","index":15}],"children":[{"id":"61544543-35ae-c1bc-455f-2e348b4bdbd1","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"bb6cc8ed-d85d-a4a5-ab3a-b1aa40e27d56","type":"Pie Chart","parameters":{"plugins.legend.position":"bottom","plugins.title.text":"Chart.js Pie Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"6967ff0d-b801-57b4-32e9-497d67c5417b","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"35f48a5f-d27b-b6e5-aa97-93c1c7a584f8","type":"JavaScriptFunction","x":-349.3333333333333,"y":108,"parameters":{"functionScript":"Outputs.Data = {\r\n datasets: [{\r\n data: [10, 20, 30],\r\n backgroundColor: [\r\n '#FF5382',\r\n '#FFCC34',\r\n '#00A3F1'\r\n ],\r\n }],\r\n labels: [\r\n 'Red',\r\n 'Yellow',\r\n 'Blue'\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["2392f2aa-b100-4aeb-688a-6353bf1ad1ec"]},"metadata":{"canvasSize":{"width":"1280px","height":"720px"},"canvasPos":{"x":4610,"y":3560}}},{"name":"/Pages/Other Charts/Polar area","id":"2f9ca43e-ddd4-46a3-8fed-d506cca988d9","graph":{"connections":[{"fromId":"8e79311d-6482-a647-97a0-80727620ca8f","fromProperty":"out-Data","toId":"d1502093-6864-6441-751c-a129a9c007f3","toProperty":"data"}],"roots":[{"id":"08ef6cbd-10ff-c93c-3d1b-7558ae10dd24","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Polar area","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"polar-area","index":15}],"children":[{"id":"383467bc-c894-ace6-f325-b7a880c726ee","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"d1502093-6864-6441-751c-a129a9c007f3","type":"Polar Area Chart","parameters":{"plugins.title.text":"Chart.js Polar Area Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d43f2213-b197-8bda-a865-950efe616976","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8e79311d-6482-a647-97a0-80727620ca8f","type":"JavaScriptFunction","x":-271.16666666666663,"y":199.5,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,\r\n 33.50823045, 9.38871742\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,\r\n 76.09139232, 68.53566529\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["08ef6cbd-10ff-c93c-3d1b-7558ae10dd24"]},"metadata":{"canvasPos":{"x":6115,"y":3580}}},{"name":"/Pages/Other Charts/Polar area centered point labels","id":"0972cbf1-a38f-2148-10c1-19b60177ad31","graph":{"connections":[{"fromId":"52b57ff7-34e8-4d8a-6d90-35dd609742e6","fromProperty":"out-Scales","toId":"319c96c1-828f-0c18-b4a7-d29fa491095b","toProperty":"scales"},{"fromId":"d553c74d-5c4d-41f5-515d-7507a616cc64","fromProperty":"out-Data","toId":"319c96c1-828f-0c18-b4a7-d29fa491095b","toProperty":"data"}],"roots":[{"id":"1b4a0322-5793-7bd6-d86e-d6c55f70f910","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Polar area centered point labels","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"polar-area-centered-point-labels","index":15}],"children":[{"id":"09758a37-e5a4-3e95-190a-711718e7a385","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"319c96c1-828f-0c18-b4a7-d29fa491095b","type":"Polar Area Chart","parameters":{"plugins.title.text":"Chart.js Polar Area Chart With Centered Point Labels","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"22786594-6a89-85e8-7948-77bfb57014ed","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d553c74d-5c4d-41f5-515d-7507a616cc64","type":"JavaScriptFunction","x":-346.3333333333333,"y":92,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 5.64900549, 32.6611797, 33.64454733, 91.31515775, 18.01868999,\r\n 33.50823045, 9.38871742\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 80.22805213, 21.33487654, 93.20301783, 52.62259945, 30.45781893,\r\n 76.09139232, 68.53566529\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"52b57ff7-34e8-4d8a-6d90-35dd609742e6","type":"JavaScriptFunction","x":-344.16666666666663,"y":212.5,"parameters":{"functionScript":"Outputs.Scales = {\n r: {\n pointLabels: {\n display: true,\n centerPointLabels: true,\n font: {\n size: 18\n }\n }\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["1b4a0322-5793-7bd6-d86e-d6c55f70f910"]},"metadata":{"canvasPos":{"x":7530,"y":3520}}},{"name":"/Pages/Other Charts/Radar","id":"95eeeeaf-da75-e79c-24e7-6d4739b47b9c","graph":{"connections":[{"fromId":"0325bee1-0410-f4eb-444b-621715375a17","fromProperty":"out-Data","toId":"cb54c3cb-c2ff-eb78-b669-33e452e56942","toProperty":"data"}],"roots":[{"id":"7261ae88-fcfb-4ff8-8734-c9ecdce4cfdb","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Radar","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"radar","index":15}],"children":[{"id":"31db423a-cf8c-9425-164d-1e427f4da703","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cb54c3cb-c2ff-eb78-b669-33e452e56942","type":"Radar Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"Chart.js Radar Chart"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"16ba1cf0-7700-10ca-6fca-b195d4ec6e0d","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0325bee1-0410-f4eb-444b-621715375a17","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 68.09585048, 29.88168724, 29.83624829, 69.19410151, 89.93055556,\r\n 19.20610425, 80.47753772\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 71.27572016, 7.65003429, 35.27949246, 7.2505144, 28.50137174,\r\n 66.93329904, 31.1882716\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["7261ae88-fcfb-4ff8-8734-c9ecdce4cfdb"]},"metadata":{"canvasPos":{"x":8980,"y":3510}}},{"name":"/Pages/Other Charts/Radar skip points","id":"ad0d855f-d15a-9bd6-6866-d542208d4522","graph":{"connections":[{"fromId":"047e62cd-34a7-a0ba-fa1e-bee17efbab76","fromProperty":"out-Data","toId":"0bcdd733-44ff-b197-25d9-b2b29e5e5afe","toProperty":"data"}],"roots":[{"id":"4a3f35f1-200c-65b8-3246-23f482694338","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Radar skip points","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"radar-skip-points","index":15}],"children":[{"id":"68c0b786-95bf-09d5-14b4-d7e926bab892","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"0bcdd733-44ff-b197-25d9-b2b29e5e5afe","type":"Radar Chart","parameters":{"plugins.title.text":"Chart.js Radar Skip Points Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"a8c26e08-0b19-f4d2-85b7-1d603d4b822f","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"047e62cd-34a7-a0ba-fa1e-bee17efbab76","type":"JavaScriptFunction","x":-327.3333333333333,"y":99,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Skip first dataset\",\r\n \"data\": [\r\n null,\r\n 8.54423868,\r\n 6.02966392,\r\n 61.43689986,\r\n 27.85236626,\r\n 10.21433471,\r\n 76.42403978\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Skip mid dataset\",\r\n \"data\": [\r\n 35.12345679,\r\n 80.13974623,\r\n 1.59636488,\r\n null,\r\n 49.13923182,\r\n 70.2872085,\r\n 46.88786008\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Skip last dataset\",\r\n \"data\": [\r\n 50.54612483,\r\n 15.82990398,\r\n 18.04783951,\r\n 17.69375857,\r\n 71.55778464,\r\n 10.50411523,\r\n null\r\n ],\r\n \"borderColor\": \"rgb(75, 192, 192)\",\r\n \"backgroundColor\": \"rgba(75, 192, 192, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["4a3f35f1-200c-65b8-3246-23f482694338"]},"metadata":{"canvasPos":{"x":10505,"y":3520}}},{"name":"/Pages/Other Charts/Scatter","id":"2100ab03-94f0-fff8-b280-5871721c0f63","graph":{"connections":[{"fromId":"38359c6f-6fad-e570-165f-688bc4c47e6a","fromProperty":"out-Data","toId":"d535cf99-56fd-206c-8e7a-96fab9124df7","toProperty":"data"}],"roots":[{"id":"c796dea0-2a21-2d20-b1d8-9db7f9ed99e9","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Scatter","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"scatter","index":15}],"children":[{"id":"68bd466e-f1b8-98ba-34bc-fcaac2cc5e5a","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"d535cf99-56fd-206c-8e7a-96fab9124df7","type":"Scatter Chart","parameters":{"plugins.title.text":"Chart.js Scatter Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9f7e91ce-ab17-d2aa-0a83-eca777e1bd2d","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"38359c6f-6fad-e570-165f-688bc4c47e6a","type":"JavaScriptFunction","x":-349.3333333333333,"y":64,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 47.22136488, \"y\": 88.67283951, \"r\": 1 },\r\n { \"x\": 84.31584362, \"y\": 63.31875857, \"r\": 1 },\r\n { \"x\": 44.76423182, \"y\": 92.18278464, \"r\": 1 },\r\n { \"x\": 40.9122085, \"y\": 6.12911523, \"r\": 1 },\r\n { \"x\": 92.51286008, \"y\": 54.54046639, \"r\": 1 },\r\n { \"x\": 71.17112483, \"y\": 16.42918381, \"r\": 1 },\r\n { \"x\": 11.45490398, \"y\": 78.21502058, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 5.44110082, \"y\": 16.07981824, \"r\": 1 },\r\n { \"x\": 91.04381001, \"y\": 51.57964678, \"r\": 1 },\r\n { \"x\": 4.93870027, \"y\": 53.64326132, \"r\": 1 },\r\n { \"x\": 22.43441358, \"y\": 60.5422668, \"r\": 1 },\r\n { \"x\": 4.02477709, \"y\": 73.51123114, \"r\": 1 },\r\n { \"x\": 6.49991427, \"y\": 34.52546296, \"r\": 1 },\r\n { \"x\": 60.72402263, \"y\": 70.7454561, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["c796dea0-2a21-2d20-b1d8-9db7f9ed99e9"]},"metadata":{"canvasPos":{"x":11825,"y":3500}}},{"name":"/Pages/Other Charts/Scatter - Multi axis","id":"cb803d09-d9eb-cf1f-09b6-61be79a490c7","graph":{"connections":[{"fromId":"8b55b84e-7520-e60c-9ce7-9cf1e474aed5","fromProperty":"out-Scales","toId":"88abec65-2883-9531-395a-3dae6fc3be67","toProperty":"scales"},{"fromId":"f79a83a1-4e66-dc5c-3d86-4cc4c8e52b69","fromProperty":"out-Data","toId":"88abec65-2883-9531-395a-3dae6fc3be67","toProperty":"data"}],"roots":[{"id":"d112379d-8319-790e-715a-9e8eb8fab89f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Scatter - Multi axis","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"scatter---multi-axis","index":15}],"children":[{"id":"ec02207c-36df-7252-38c5-4377ecbc1460","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"88abec65-2883-9531-395a-3dae6fc3be67","type":"Scatter Chart","parameters":{"plugins.title.text":"Chart.js Scatter Multi Axis Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"9ffe6a3f-f2b6-2ee2-ead6-4adec8ac9149","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8b55b84e-7520-e60c-9ce7-9cf1e474aed5","type":"JavaScriptFunction","x":-284.16666666666663,"y":188.5,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'left',\n ticks: {\n color: \"rgb(255, 99, 132)\",\n }\n },\n y2: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'right',\n reverse: true,\n ticks: {\n color: \"rgb(54, 162, 235)\",\n },\n grid: {\n drawOnChartArea: false // only want the grid lines for one axis to show up\n }\n }\n}\n"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"f79a83a1-4e66-dc5c-3d86-4cc4c8e52b69","type":"JavaScriptFunction","x":-284.16666666666663,"y":83.5,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n { \"x\": 47.22136488, \"y\": 88.67283951, \"r\": 1 },\r\n { \"x\": 84.31584362, \"y\": 63.31875857, \"r\": 1 },\r\n { \"x\": 44.76423182, \"y\": 92.18278464, \"r\": 1 },\r\n { \"x\": 40.9122085, \"y\": 6.12911523, \"r\": 1 },\r\n { \"x\": 92.51286008, \"y\": 54.54046639, \"r\": 1 },\r\n { \"x\": 71.17112483, \"y\": 16.42918381, \"r\": 1 },\r\n { \"x\": 11.45490398, \"y\": 78.21502058, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n { \"x\": 5.44110082, \"y\": 16.07981824, \"r\": 1 },\r\n { \"x\": 91.04381001, \"y\": 51.57964678, \"r\": 1 },\r\n { \"x\": 4.93870027, \"y\": 53.64326132, \"r\": 1 },\r\n { \"x\": 22.43441358, \"y\": 60.5422668, \"r\": 1 },\r\n { \"x\": 4.02477709, \"y\": 73.51123114, \"r\": 1 },\r\n { \"x\": 6.49991427, \"y\": 34.52546296, \"r\": 1 },\r\n { \"x\": 60.72402263, \"y\": 70.7454561, \"r\": 1 }\r\n ],\r\n \"borderColor\": \"rgb(255, 159, 64)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["d112379d-8319-790e-715a-9e8eb8fab89f"]},"metadata":{"canvasPos":{"x":13270,"y":3470}}},{"name":"/Pages/Other Charts/Stacked bar line","id":"c9dc1776-ed3c-d5a3-9ba3-295019409555","graph":{"connections":[{"fromId":"763770b4-76c0-f192-da2e-71931956f68a","fromProperty":"out-Data","toId":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","toProperty":"data"},{"fromId":"12823dff-8739-a1f1-13af-b85998735082","fromProperty":"out-Scales","toId":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","toProperty":"scales"}],"roots":[{"id":"372572ab-4abb-5bac-a216-d0231ab1717c","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Stacked bar line","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"stacked-bar-line","index":15}],"children":[{"id":"e9e6866b-e4ff-267d-5c20-5841e6ed0fcb","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"fe46a432-3d43-ad5a-1cad-a8ec67a292d4","type":"Line Chart","parameters":{"plugins.title.text":"Chart.js Stacked Line/Bar Chart","plugins.title.display":true},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f5948bb5-a94a-18cb-9911-2e33f398af7e","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"763770b4-76c0-f192-da2e-71931956f68a","type":"JavaScriptFunction","x":-342.3333333333333,"y":40,"parameters":{"functionScript":"Outputs.Data = {\r\n \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"],\r\n \"datasets\": [\r\n {\r\n \"label\": \"Dataset 1\",\r\n \"data\": [\r\n 32.34910837, 79.42301097, 37.50514403, 11.53377915, 69.41015089,\r\n 19.77623457, 56.45919067\r\n ],\r\n \"borderColor\": \"rgb(255, 99, 132)\",\r\n \"backgroundColor\": \"rgba(255, 99, 132, 0.5)\",\r\n \"stack\": \"combined\",\r\n \"type\": \"bar\"\r\n },\r\n {\r\n \"label\": \"Dataset 2\",\r\n \"data\": [\r\n 69.58247599, 23.3436214, 0.45867627, 13.27331962, 81.54063786,\r\n 76.86556927, 33.81601509\r\n ],\r\n \"borderColor\": \"rgb(54, 162, 235)\",\r\n \"backgroundColor\": \"rgba(54, 162, 235, 0.5)\",\r\n \"stack\": \"combined\"\r\n }\r\n ]\r\n}\r\n"},"ports":[],"dynamicports":[{"name":"out-Data","displayName":"Data","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"12823dff-8739-a1f1-13af-b85998735082","type":"JavaScriptFunction","x":-353.66666666666663,"y":204,"parameters":{"functionScript":"Outputs.Scales = {\n y: {\n stacked: true\n }\n}"},"ports":[],"dynamicports":[{"name":"out-Scales","displayName":"Scales","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["372572ab-4abb-5bac-a216-d0231ab1717c"]},"metadata":{"canvasPos":{"x":14795,"y":3460}}},{"name":"/Pages/Styling/Legends","id":"55f3d995-6ca6-e7e5-c138-0c97c3da5242","graph":{"connections":[{"fromId":"c170d0c4-7e88-3de8-e191-61bc93f7da2a","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.fullSize"},{"fromId":"ac022eb7-9101-e54b-6bea-2f443c015630","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.rtl"},{"fromId":"d7539a11-1e1a-f94d-66e7-799b24dedabb","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.reverse"},{"fromId":"652c85d6-9142-be33-728d-e8660410a324","fromProperty":"out-Positions","toId":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","toProperty":"items"},{"fromId":"652c85d6-9142-be33-728d-e8660410a324","fromProperty":"out-Alignments","toId":"25064956-1b46-d91d-f27e-1483f17d15cb","toProperty":"items"},{"fromId":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","fromProperty":"value","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.position"},{"fromId":"25064956-1b46-d91d-f27e-1483f17d15cb","fromProperty":"value","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.align"},{"fromId":"4b6f5219-fdf0-0a81-ca0b-a9d7f1022785","fromProperty":"checked","toId":"b5071991-d227-95ae-6467-fc28d5405ad6","toProperty":"plugins.legend.display"}],"roots":[{"id":"16c9bd12-bb5d-f42c-8f2f-3ab6ec9bb82f","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Legends","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"legends","index":15}],"children":[{"id":"233a1a3a-42ef-f2d1-4edb-864605850312","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"b5071991-d227-95ae-6467-fc28d5405ad6","type":"Bar Chart","parameters":{"plugins.legend.labels.font.family":"Courier New","color":"Primary","plugins.legend.display":true,"plugins.legend.color":"Primary","plugins.legend.labels.family":"Courier New","plugins.legend.labels.color":"Primary","plugins.legend.labels.usePointStyle":true,"plugins.legend.labels.pointStyle":"rectRot"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4a5fc849-9e2e-0b50-f7eb-958e6522e26b","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"40e00cb9-0f1d-0dcb-192b-3f74bc5627f7","type":"Text","parameters":{"text":"The legends have a custom font and color.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"4b6f5219-fdf0-0a81-ca0b-a9d7f1022785","type":"net.noodl.controls.checkbox","parameters":{"label":"Show Legends","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"c170d0c4-7e88-3de8-e191-61bc93f7da2a","type":"net.noodl.controls.checkbox","parameters":{"label":"Full Size","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"d7539a11-1e1a-f94d-66e7-799b24dedabb","type":"net.noodl.controls.checkbox","parameters":{"label":"Reverse","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"ac022eb7-9101-e54b-6bea-2f443c015630","type":"net.noodl.controls.checkbox","parameters":{"label":"Right to Left"},"ports":[],"dynamicports":[],"children":[]},{"id":"c57092c3-c66d-27d4-3c7e-d7a5e269d187","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"top"},"ports":[],"dynamicports":[],"children":[]},{"id":"25064956-1b46-d91d-f27e-1483f17d15cb","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Align","value":"center"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"652c85d6-9142-be33-728d-e8660410a324","type":"JavaScriptFunction","label":"Dropdown Items","x":-305.5,"y":628,"parameters":{"functionScript":"Outputs.Positions = [\r\n {\r\n Label: \"Top (default)\",\r\n Value: \"top\",\r\n },\r\n {\r\n Label: \"Left\",\r\n Value: \"left\",\r\n },\r\n {\r\n Label: \"Bottom\",\r\n Value: \"bottom\",\r\n },\r\n {\r\n Label: \"Right\",\r\n Value: \"right\",\r\n },\r\n]\r\n\r\nOutputs.Alignments = [\r\n {\r\n Label: \"Start\",\r\n Value: \"start\",\r\n },\r\n {\r\n Label: \"Center (default)\",\r\n Value: \"center\",\r\n },\r\n {\r\n Label: \"End\",\r\n Value: \"end\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Alignments","displayName":"Alignments","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["16c9bd12-bb5d-f42c-8f2f-3ab6ec9bb82f"]},"metadata":{"canvasPos":{"x":-2721.6668369111967,"y":0}}},{"name":"/Pages/Styling/Responsive Test","id":"4900d527-c4b9-312a-7652-6f26b7db6982","graph":{"connections":[],"roots":[{"id":"353b77d9-fc64-099d-f5e6-23061ff962e8","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Responsive Test","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"responsive-test","index":15}],"children":[{"id":"953d50e2-bb3e-18ef-f82a-fc6d5bfe8719","type":"Group","parameters":{"clip":true,"height":{"value":300,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"e9d7a44f-c293-5116-197e-1f7baa807cc4","type":"Bar Chart","parameters":{"plugins.tooltip.backgroundColor":"Primary","plugins.tooltip.bodyFontFamily":"Courier New","plugins.tooltip.bodyFontColor":"Dark","plugins.tooltip.cornerRadius":0,"plugins.tooltip.bodySpacing":10,"plugins.tooltip.bodyFont":"Courier New","plugins.tooltip.bodyFont.family":"Courier New","plugins.title.font.lineHeight":1.6},"ports":[],"dynamicports":[],"children":[]}]}]}],"visualRoots":["353b77d9-fc64-099d-f5e6-23061ff962e8"]}},{"name":"/Pages/Styling/Title","id":"1af4cff5-aed2-4825-91ee-5c6ac3b42a62","graph":{"connections":[{"fromId":"4b1299af-9fe6-c910-36b0-5809d2cd5ebc","fromProperty":"onTextChanged","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.text"},{"fromId":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","fromProperty":"out-Positions","toId":"b7527469-aa40-5457-7d86-63cbb6b1259f","toProperty":"items"},{"fromId":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","fromProperty":"out-Alignments","toId":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","toProperty":"items"},{"fromId":"b7527469-aa40-5457-7d86-63cbb6b1259f","fromProperty":"value","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.position"},{"fromId":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","fromProperty":"value","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.align"},{"fromId":"485baafa-4657-ce70-686d-694e36e5d283","fromProperty":"checked","toId":"601e621c-5796-beea-da47-d3e668e111d2","toProperty":"plugins.title.display"}],"roots":[{"id":"ec0f4976-97ec-70c2-d4a2-42100b57c7dc","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Title","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"title","index":15}],"children":[{"id":"473fe841-7434-c62d-8c99-3d76a7813888","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"601e621c-5796-beea-da47-d3e668e111d2","type":"Line Chart","parameters":{"plugins.title.display":true,"plugins.title.text":"","plugins.title.position":"bottom","plugins.title.font.family":"Courier New","plugins.title.font.size":16,"plugins.title.font.color":"Primary","plugins.title.color":"Primary"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"78421d0a-24e5-99a6-6f89-cf125ea41c40","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"cbe1c968-46ef-a146-6464-d40dccc9e2cf","type":"Text","parameters":{"text":"The title have a custom font and size, other properties can also be changed.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"485baafa-4657-ce70-686d-694e36e5d283","type":"net.noodl.controls.checkbox","parameters":{"label":"Show Title","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"4b1299af-9fe6-c910-36b0-5809d2cd5ebc","type":"net.noodl.controls.textinput","parameters":{"startValue":"I am a title"},"ports":[],"dynamicports":[],"children":[]},{"id":"b7527469-aa40-5457-7d86-63cbb6b1259f","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"top"},"ports":[],"dynamicports":[],"children":[]},{"id":"bafaf2e4-9999-49f9-0631-d1eb36ba1429","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Align","value":"center"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"7b9cc0de-0dbb-14a0-8794-8eb3adf0be0a","type":"JavaScriptFunction","label":"Dropdown Items","x":-365,"y":472,"parameters":{"functionScript":"Outputs.Positions = [\r\n {\r\n Label: \"Top (default)\",\r\n Value: \"top\",\r\n },\r\n {\r\n Label: \"Bottom\",\r\n Value: \"bottom\",\r\n },\r\n]\r\n\r\nOutputs.Alignments = [\r\n {\r\n Label: \"Start\",\r\n Value: \"start\",\r\n },\r\n {\r\n Label: \"Center (default)\",\r\n Value: \"center\",\r\n },\r\n {\r\n Label: \"End\",\r\n Value: \"end\",\r\n },\r\n]\r\n"},"ports":[],"dynamicports":[{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-Alignments","displayName":"Alignments","plug":"output","type":"*","group":"Outputs","index":5}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["ec0f4976-97ec-70c2-d4a2-42100b57c7dc"]},"metadata":{"canvasPos":{"x":-2266.6668369111967,"y":0}}},{"name":"/Pages/Styling/Tooltip","id":"9ba04720-675a-ce0d-6e77-7e91d17337af","graph":{"connections":[{"fromId":"df0ac77f-12b4-0432-cae7-1ff97984db79","fromProperty":"checked","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.enabled"},{"fromId":"3c5addd4-fcef-fcb1-7af6-4d16fd166e1d","fromProperty":"checked","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.displayColors"},{"fromId":"5ea23c57-d3b4-184a-793a-d98449e90f66","fromProperty":"value","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.position"},{"fromId":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","fromProperty":"out-Positions","toId":"5ea23c57-d3b4-184a-793a-d98449e90f66","toProperty":"items"},{"fromId":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","fromProperty":"value","toId":"b9b10801-82b3-e4fb-859c-6494da113873","toProperty":"plugins.tooltip.mode"},{"fromId":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","fromProperty":"out-Modes","toId":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","toProperty":"items"}],"roots":[{"id":"b317f088-4450-9f18-5589-aa50f169c42a","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Tooltip","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"tooltip","index":15}],"children":[{"id":"4bfe2422-190c-0a9f-5196-3ae5fa7b44be","type":"/Components/Preview Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"b9b10801-82b3-e4fb-859c-6494da113873","type":"Bar Chart","parameters":{"plugins.tooltip.backgroundColor":"Primary","plugins.tooltip.bodyFontFamily":"Courier New","plugins.tooltip.bodyFontColor":"Dark","plugins.tooltip.cornerRadius":0,"plugins.tooltip.bodySpacing":10,"plugins.tooltip.bodyFont":"Courier New","plugins.tooltip.bodyFont.family":"Courier New"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"2f1a19a6-b25b-f538-c766-8d64c3e46040","type":"/Components/Node Canvas","parameters":{},"ports":[],"dynamicports":[],"children":[{"id":"c99d5126-0e5a-29ae-4459-cb73092ffd9e","type":"Text","parameters":{"text":"The tooltip have a custom font and color. The size and style can also be changed.","marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"df0ac77f-12b4-0432-cae7-1ff97984db79","type":"net.noodl.controls.checkbox","parameters":{"label":"Enable Tooltip","checked":true,"marginBottom":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"3c5addd4-fcef-fcb1-7af6-4d16fd166e1d","type":"net.noodl.controls.checkbox","parameters":{"label":"Display Colors","checked":true},"ports":[],"dynamicports":[],"children":[]},{"id":"722e72b7-6aaf-9490-fce3-86163ee8c8d6","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Mode","value":"point"},"ports":[],"dynamicports":[],"children":[]},{"id":"5ea23c57-d3b4-184a-793a-d98449e90f66","type":"net.noodl.controls.options","parameters":{"width":{"value":100,"unit":"%"},"useLabel":true,"label":"Position","value":"average"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"7ebf36a9-0b3f-93f9-59da-714a8fbf0187","type":"JavaScriptFunction","label":"Dropdown Items","x":-335.99627790191835,"y":576.0037220980817,"parameters":{"functionScript":"Outputs.Modes = [\r\n {\r\n Label: \"Point (default)\",\r\n Value: \"point\",\r\n },\r\n {\r\n Label: \"Nearest\",\r\n Value: \"nearest\",\r\n },\r\n {\r\n Label: \"Index\",\r\n Value: \"index\",\r\n },\r\n {\r\n Label: \"Dataset\",\r\n Value: \"dataset\",\r\n },\r\n {\r\n Label: \"X\",\r\n Value: \"x\",\r\n },\r\n {\r\n Label: \"Y\",\r\n Value: \"y\",\r\n },\r\n]\r\nOutputs.ModesDefault = \"point\"\r\n\r\nOutputs.Positions = [\r\n {\r\n Label: \"Average\",\r\n Value: \"average\",\r\n },\r\n {\r\n Label: \"Nearest\",\r\n Value: \"nearest\",\r\n },\r\n]\r\nOutputs.PositionsDefault = \"average\"\r\n"},"ports":[],"dynamicports":[{"name":"out-Modes","displayName":"Modes","plug":"output","type":"*","group":"Outputs","index":4},{"name":"out-ModesDefault","displayName":"ModesDefault","plug":"output","type":"*","group":"Outputs","index":5},{"name":"out-Positions","displayName":"Positions","plug":"output","type":"*","group":"Outputs","index":6},{"name":"out-PositionsDefault","displayName":"PositionsDefault","plug":"output","type":"*","group":"Outputs","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["b317f088-4450-9f18-5589-aa50f169c42a"]},"metadata":{"canvasPos":{"x":-3176.6668369111967,"y":0}}}],"settings":{"navigationPathType":"path","htmlTitle":"Noodl Chart.js Module"},"rootNodeId":"246f9453-a119-ac78-171e-3806cf596ecc","version":"4","metadata":{"styles":{"text":{"Body Text":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"18","unit":"px"},"color":"#000000"},"Button Label":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000"},"Label Text":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"14","unit":"px"},"color":"#000000"},"Navigation Items":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"14","unit":"px"},"letterSpacing":"Auto","lineHeight":"Auto","textTransform":"none","color":"#AAAA9F"}},"colors":{"Primary":"#5836F5","Light Gray":"#C6C6C6","Dark Gray":"#434B53","Primary Dark":"#3F22B8","Dark":"#1F1F1F","Primary Light":"#C9BFFC","Navigation 2":"#DDDDDD","Navigation 1":"#EBEAEA","Background 2":"#E8E8E8","Background 1":"#E0E0E0","Navigation Text":"#555555","Border":"#000000"}}},"variants":[{"typename":"net.noodl.controls.button","parameters":{"height":{"value":40,"unit":"px"},"sizeMode":"contentWidth","backgroundColor":"Primary","iconIconSource":{"class":"material-icons","code":"home"},"iconSize":{"value":22,"unit":"px"},"iconSpacing":{"value":6,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"textStyle":"Button Label","paddingTop":{"value":5,"unit":"px"},"paddingLeft":{"value":24,"unit":"px"},"paddingRight":{"value":24,"unit":"px"},"paddingBottom":{"value":4,"unit":"px"},"color":"#FFFFFF","fontFamily":"fonts/Roboto/Roboto-Medium.ttf"},"stateParamaters":{"hover":{"backgroundColor":"Primary Dark"},"pressed":{"backgroundColor":"Primary Light","color":"Primary Dark"},"disabled":{"backgroundColor":"Light Gray"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"pressed":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.radiobutton","parameters":{"width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"},"useLabel":true,"labeltextStyle":"Label Text","borderWidth":{"value":2,"unit":"px"},"value":"0","useIcon":false,"fillColor":"transparent","borderColor":"#1F1F1F7F","labelfontSize":{"value":16,"unit":"px"}},"stateParamaters":{"checked":{"fillColor":"Primary","borderColor":"Primary","borderWidth":{"value":2,"unit":"px"},"backgroundColor":"#FFFFFF","width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"}},"hover":{"backgroundColor":"transparent","borderColor":"Primary","width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"}}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"Text","parameters":{"textStyle":"Body Text"},"stateParamaters":{},"stateTransitions":{}},{"typename":"net.noodl.controls.range","parameters":{"thumbColor":"Primary","thumbBorderRadius":{"value":100,"unit":"%"},"trackHeight":{"value":4,"unit":"px"},"trackActiveColor":"Primary","trackColor":"Primary Light","width":{"value":100,"unit":"%"}},"stateParamaters":{},"stateTransitions":{}},{"typename":"net.noodl.controls.checkbox","parameters":{"width":{"value":24,"unit":"px"},"height":{"value":24,"unit":"px"},"useIcon":false,"borderWidth":{"value":2,"unit":"px"},"useLabel":true,"labeltextStyle":"Label Text","borderRadius":{"value":2,"unit":"px"},"borderColor":"#0000007F","labelfontSize":{"value":16,"unit":"px"},"labelcolor":"Dark"},"stateParamaters":{"checked":{"useIcon":true,"iconIconSource":{"class":"material-icons","code":"check"},"backgroundColor":"Primary","borderColor":"Primary","iconSize":{"value":16,"unit":"px"}},"disabled":{"opacity":0.5},"hover":{"borderColor":"Primary"},"pressed":{}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.textinput","parameters":{"useLabel":true,"sizeMode":"explicit","height":{"value":40,"unit":"px"},"textStyle":"Body Text","borderStyle":"solid","borderRadius":{"value":4,"unit":"px"},"borderWidth":{"value":2,"unit":"px"},"borderColor":"#1F1F1F7F","labeltextStyle":"Label Text","paddingLeft":{"value":8,"unit":"px"},"paddingRight":{"value":8,"unit":"px"},"labelSpacing":{"value":4,"unit":"px"},"placeholder":"Type here","labelcolor":"#1F1F1F7F","labeltextTransform":"uppercase","labelfontSize":{"value":12,"unit":"px"},"labelfontFamily":"fonts/Roboto/Roboto-Medium.ttf"},"stateParamaters":{"hover":{"labelcolor":"#000000","borderColor":"Dark","borderStyle":"solid"},"focused":{"borderColor":"Primary","labelcolor":"Primary","borderWidth":{"value":2,"unit":"px"},"boxShadowEnabled":false,"boxShadowColor":"Primary","borderStyle":"solid"},"disabled":{"labelcolor":"Light Gray","backgroundColor":"Light Gray","borderWidth":{"value":1,"unit":"px"},"borderColor":"Light Gray"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"typename":"net.noodl.controls.options","parameters":{"sizeMode":"explicit","height":{"value":40,"unit":"px"},"borderWidth":{"value":2,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"borderColor":"#1F1F1F7F","boxShadowColor":"Dark Gray","useIcon":true,"iconIconSource":{"class":"material-icons","code":"expand_more"},"iconPlacement":"right","iconSize":{"value":24,"unit":"px"},"paddingRight":{"value":8,"unit":"px"},"textStyle":"Body Text","paddingLeft":{"value":8,"unit":"px"},"marginTop":{"value":24,"unit":"px"},"width":{"value":75,"unit":"%"},"iconColor":"#1F1F1F7F"},"stateParamaters":{"hover":{"borderColor":"Dark","borderRadius":{"value":4,"unit":"px"},"iconColor":"Dark","iconSize":{"value":24,"unit":"px"},"iconPlacement":"right"},"focused":{"borderColor":"Primary","boxShadowColor":"Primary","borderRadius":{"value":4,"unit":"px"},"useIcon":true,"iconColor":"Primary","iconIconSource":{"class":"material-icons","code":"keyboard_arrow_up"},"iconSize":{"value":24,"unit":"px"},"iconPlacement":"right"},"pressed":{"borderRadius":{"value":4,"unit":"px"}}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":300,"delay":0}}},{"name":"Card","typename":"Group","parameters":{"marginLeft":{"value":0,"unit":"px"},"marginTop":{"value":0,"unit":"px"},"marginBottom":{"value":0,"unit":"px"},"marginRight":{"value":0,"unit":"px"},"borderStyle":"solid","borderWidth":{"value":1,"unit":"px"},"backgroundColor":"#FFFFFF","borderColor":"Background 2","borderRadius":{"value":4,"unit":"px"},"sizeMode":"contentSize","paddingLeft":{"value":8,"unit":"px"},"paddingTop":{"value":8,"unit":"px"},"paddingBottom":{"value":8,"unit":"px"},"paddingRight":{"value":8,"unit":"px"}},"stateParamaters":{},"stateTransitions":{}},{"name":"Center Chart","typename":"Group","parameters":{"sizeMode":"explicit","justifyContent":"center","alignItems":"center","width":{"value":500,"unit":"px"},"height":{"value":500,"unit":"px"}},"stateParamaters":{},"stateTransitions":{}}]} \ No newline at end of file