v4 initial commit

2021-08-02 23:57:02 +02:00
parent 9d65013c0f
commit 79559ae334
225 changed files with 13242 additions and 32434 deletions
@@ -1,136 +0,0 @@
-<template>
-  <CChartLine
-    :datasets="computedDatasets"
-    :options="computedOptions"
-    :labels="labels"
-  />
-</template>
-
-<script>
-import { CChartLine } from '@coreui/vue-chartjs'
-import { getColor, deepObjectsMerge } from '@coreui/utils/src'
-
-export default {
-  name: 'CChartLineSimple',
-  components: { CChartLine },
-  props: {
-    ...CChartLine.props,
-    borderColor: {
-      type: String,
-      default: 'rgba(255,255,255,.55)'
-    },
-    backgroundColor: {
-      type: String,
-      default: 'transparent'
-    },
-    dataPoints: {
-      type: Array,
-      default: () => [10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]
-    },
-    label: {
-      type: String,
-      default: 'Sales'
-    },
-    pointed: Boolean,
-    pointHoverBackgroundColor: String
-  },
-  computed: {
-    pointHoverColor () {
-      if (this.pointHoverBackgroundColor) {
-        return this.pointHoverBackgroundColor
-      } else if (this.backgroundColor !== 'transparent') {
-        return this.backgroundColor
-      }
-      return this.borderColor
-    },
-    defaultDatasets () {
-      return [
-        {
-          data: this.dataPoints,
-          borderColor: getColor(this.borderColor),
-          backgroundColor: getColor(this.backgroundColor),
-          pointBackgroundColor: getColor(this.pointHoverColor),
-          pointHoverBackgroundColor: getColor(this.pointHoverColor),
-          label: this.label
-        }
-      ]
-    },
-    pointedOptions () {
-      return {
-        scales: {
-          xAxes: [
-            {
-              offset: true,
-              gridLines: {
-                color: 'transparent',
-                zeroLineColor: 'transparent'
-              },
-              ticks: {
-                fontSize: 2,
-                fontColor: 'transparent'
-              }
-            }
-          ],
-          yAxes: [
-            {
-              display: false,
-              ticks: {
-                display: false,
-                min: Math.min.apply(Math, this.dataPoints) - 5,
-                max: Math.max.apply(Math, this.dataPoints) + 5
-              }
-            }
-          ]
-        },
-        elements: {
-          line: {
-            borderWidth: 1
-          },
-          point: {
-            radius: 4,
-            hitRadius: 10,
-            hoverRadius: 4
-          }
-        }
-      }
-    },
-    straightOptions () {
-      return {
-        scales: {
-          xAxes: [{
-            display: false
-          }],
-          yAxes: [{
-            display: false
-          }]
-        },
-        elements: {
-          line: {
-            borderWidth: 2
-          },
-          point: {
-            radius: 0,
-            hitRadius: 10,
-            hoverRadius: 4
-          }
-        }
-      }
-    },
-    defaultOptions () {
-      const options = this.pointed ? this.pointedOptions : this.straightOptions
-      return Object.assign({}, options, {
-        maintainAspectRatio: false,
-        legend: {
-          display: false
-        }
-      })
-    },
-    computedDatasets () {
-      return deepObjectsMerge(this.defaultDatasets, this.datasets || {})
-    },
-    computedOptions () {
-      return deepObjectsMerge(this.defaultOptions, this.options || {})
-    }
-  }
-}
-</script>