31:T4c3,options = ({ chart: { height: 450, width: 500, toolbar: { show: true, offsetX: 0, offsetY: 0, tools: { download: true, selection: true, zoom: false, zoomin: true, zoomout: true, pan: true, reset: true | '

', customIcons: [] }, autoSelected: 'zoom' }, }, dataLabels: { enabled: false }, legend: { show: true }, markers: { size: 5, style: 'full', }, stroke: { curve: 'straight' //smooth //stepline }, series: series, xaxis: { min: 0.4, max: 0.8, type: 'integer', tickAmount: 4 }, yaxis: { min: 0, max: 1, tickAmount: 10 }, tooltip: { enabled: true, custom: function({_, seriesIndex, dataPointIndex, w}) { return `

${series[seriesIndex].data[dataPointIndex].title}

Wavelength: ${series[seriesIndex].data[dataPointIndex].comment_1} μm

Absorptivity: ${series[seriesIndex].data[dataPointIndex].comment_2}

` } } })32:[] 2f:{"title":"Dual Function Smart Window (Absorptivity)","cells":[{"id":0,"value":"md`# Dual Function Smart Window (Absorptivity)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"DOM.element('div', { id: 'chart' })","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"md`## Dataset`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"ApexCharts = require('apexcharts@3.7.1/dist/apexcharts.amd.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":339,"value":"function generateLine1(count) {\n var series = []\n var x = [.4, .43, .8]\n var y = [.1, .03, 0.02]\n for (var i = 0; i < count; i++)\n { \n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":346,"value":"function generateLine2(count) {\n var series = []\n var x = [.4, .48, .8]\n var y = [.44, .4, .8]\n for (var i = 0; i < count; i++)\n { \n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"md`## Data and options`","pinned":false,"hidden":false,"mode":"ojs"},{"id":161,"value":"series = [{\n name: \"Bleached\",\n data: generateLine1(3)\n}, {\n name: \"Charged\",\n data: generateLine2(3)\n}]","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":188,"value":"md`## Generate chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"chart = new ApexCharts.default(\n document.querySelector(\"#chart\"),\n options\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"chart.render()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}