Initial commit

2024-12-05 16:08:45 +05:30
commit 66260e6a7f
18 changed files with 10574 additions and 0 deletions
@@ -0,0 +1,109 @@
+<template>
+
+  <div class="flex max-w-4xl mx-auto sm:px-6 lg:px-8">
+    <HCV :options="chartOpts" />
+    <!-- <pre> <code> {{ JSON.stringify(chartOpts,null, 2)}} </code> </pre> -->
+  </div>
+
+</template>
+
+<script>
+
+const chartOpts = {
+
+  title: {
+    text: 'U.S Solar Employment Growth',
+    align: 'left'
+  },
+
+  subtitle: {
+    text: 'By Job Category. Source: <a href="https://irecusa.org/programs/solar-jobs-census/" target="_blank">IREC</a>.',
+    align: 'left'
+  },
+
+  yAxis: {
+    title: {
+      text: 'Number of Employees'
+    }
+  },
+
+  xAxis: {
+    accessibility: {
+      rangeDescription: 'Range: 2010 to 2022'
+    }
+  },
+
+  legend: {
+    layout: 'vertical',
+    align: 'right',
+    verticalAlign: 'middle'
+  },
+
+  plotOptions: {
+    series: {
+      label: {
+        connectorAllowed: false
+      },
+      pointStart: 2010
+    }
+  },
+
+  series: [{
+    name: 'Installation & Developers',
+    data: [
+      43934, 48656, 65165, 81827, 112143, 142383,
+      171533, 165174, 155157, 161454, 154610, 168960, 171558
+    ]
+  }, {
+    name: 'Manufacturing',
+    data: [
+      24916, 37941, 29742, 29851, 32490, 30282,
+      38121, 36885, 33726, 34243, 31050, 33099, 33473
+    ]
+  }, {
+    name: 'Sales & Distribution',
+    data: [
+      11744, 30000, 16005, 19771, 20185, 24377,
+      32147, 30912, 29243, 29213, 25663, 28978, 30618
+    ]
+  }, {
+    name: 'Operations & Maintenance',
+    data: [
+      null, null, null, null, null, null, null,
+      null, 11164, 11218, 10077, 12530, 16585
+    ]
+  }, {
+    name: 'Other',
+    data: [
+      21908, 5548, 8105, 11248, 8989, 11816, 18274,
+      17300, 13053, 11906, 10073, 11471, 11648
+    ]
+  }],
+
+  responsive: {
+    rules: [{
+      condition: {
+        maxWidth: 500
+      },
+      chartOptions: {
+        legend: {
+          layout: 'horizontal',
+          align: 'center',
+          verticalAlign: 'bottom'
+        }
+      }
+    }]
+  }
+
+};
+
+
+export default {
+
+  data() {
+    return {
+      chartOpts,
+    }
+  }
+}
+</script>
@@ -0,0 +1,16 @@
+<template>
+  <div class="mt-8 bg-white overflow-hidden shadow sm:rounded-lg p-6">
+    <Tutorial />
+    <div class="">
+      <NuxtLink
+        class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+        to="highchart">Highchart test</NuxtLink>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'IndexPage',
+}
+</script>