@operato/scene-chartjs 7.0.1 → 7.0.6

package/src/editors/property-editor-chartjs-abstract.ts

@@ -1,324 +0,0 @@
-import '@operato/i18n/ox-i18n.js'
-
-import { html, LitElement } from 'lit'
-import { property } from 'lit/decorators.js'
-
-import { random as randomColor, TinyColor } from '@ctrl/tinycolor'
-import { Properties } from '@hatiolab/things-scene'
-
-import { PropertyEditorChartJSStyles } from './property-editor-chartjs-styles'
-
-export default class PropertyEditorChartJSAbstract extends LitElement {
-  static styles = [PropertyEditorChartJSStyles]
-
-  @property({ type: Object }) value: any = {}
-  @property({ type: Number }) currentSeriesIndex: number = 0
-
-  render() {
-    return html`
-      <legend><ox-i18n msgid="label.chart">Chart</ox-i18n></legend>
-
-      <label> <ox-i18n msgid="label.theme">theme</ox-i18n> </label>
-      <select value-key="theme" class="select-content" .value=${this.theme}>
-        <option value="dark">dark</option>
-        <option value="light">light</option>
-      </select>
-
-      <input type="checkbox" value-key="tooltip" .checked=${this.tooltip} />
-      <label> <ox-i18n msgid="label.tooltip">Tooltip</ox-i18n> </label>
-
-      <input type="checkbox" value-key="animation" .checked=${this.animation} />
-      <label> <ox-i18n msgid="label.animation">Animation</ox-i18n> </label>
-
-      <input type="checkbox" value-key="display" .checked=${this.display} />
-      <label> <ox-i18n msgid="label.legend">Legend</ox-i18n> </label>
-
-      <input type="checkbox" value-key="stacked" .checked=${this.stacked} />
-      <label> <ox-i18n msgid="label.stacked">Stacked</ox-i18n> </label>
-
-      ${this.display
-        ? html`
-            <label> <ox-i18n msgid="label.position">Position</ox-i18n> </label>
-            <select value-key="position" class="select-content" .value=${this.position}>
-              <option value="top">top</option>
-              <option value="right">right</option>
-              <option value="bottom">bottom</option>
-              <option value="left">left</option>
-            </select>
-          `
-        : html``}
-      ${this.editorTemplate(this)}
-    `
-  }
-
-  firstUpdated() {
-    this.renderRoot.addEventListener('change', this.onValuesChanged.bind(this))
-  }
-
-  displayValueTemplate() {
-    return html`
-      <label for="value-format"> <ox-i18n msgid="label.value-format">Value Format</ox-i18n> </label>
-      <input type="text" value-key="series.valueFormat" .value=${this.series.valueFormat || ''} list="format-list" />
-      <datalist id="format-list">
-        <option value="#,###."></option>
-        <option value="#,###.#"></option>
-        <option value="#,###.0"></option>
-        <option value="#,##0.#"></option>
-        <option value="#,##0.0"></option>
-        <option value="#,##0.0%"></option>
-      </datalist>
-
-      <label> <ox-i18n msgid="label.value-prefix">Value Prefix</ox-i18n> </label>
-      <input type="text" value-key="series.valuePrefix" .value=${this.series.valuePrefix || ''} />
-
-      <label> <ox-i18n msgid="label.value-suffix">Value suffix</ox-i18n> </label>
-      <input type="text" value-key="series.valueSuffix" .value=${this.series.valueSuffix || ''} />
-
-      <input type="checkbox" value-key="series.displayValue" .checked=${this.series.displayValue || false} />
-      <label> <ox-i18n msgid="label.value-display">Value Display</ox-i18n> </label>
-
-      ${this.series.displayValue
-        ? html`
-            <label> <ox-i18n msgid="label.font-color">Font Color</ox-i18n> </label>
-            <ox-input-color
-              value-key="series.defaultFontColor"
-              .value=${this.series.defaultFontColor || '#000'}
-            ></ox-input-color>
-            <label> <ox-i18n msgid="label.font-size">Font Size</ox-i18n> </label>
-            <input type="number" value-key="series.defaultFontSize" .value=${this.series.defaultFontSize || 10} />
-            <label> <ox-i18n msgid="label.position">Position</ox-i18n> </label>
-            <select value-key="series.dataLabelAnchor" .value=${this.series.dataLabelAnchor || 'center'}>
-              <option value="start">Start</option>
-              <option value="center" selected>Center</option>
-              <option value="end">End</option>
-            </select>
-          `
-        : html``}
-    `
-  }
-
-  editorTemplate(props: Properties) {
-    return html``
-  }
-
-  get data() {
-    return this.value.data
-  }
-
-  set data(data) {
-    this.value.data = data
-  }
-
-  get datasets() {
-    if (!this.data.datasets) this.data.datasets = []
-
-    return this.data.datasets
-  }
-
-  set datasets(datasets) {
-    this.datasets = datasets
-  }
-
-  get series() {
-    if (!this.datasets[this.currentSeriesIndex]) this.datasets[this.currentSeriesIndex] = {}
-    return this.datasets[this.currentSeriesIndex]
-  }
-
-  set series(series) {
-    !this.data ? (this.data = { dataset: [series] }) : (this.datasets[this.currentSeriesIndex] = series)
-  }
-
-  set dataKey(key) {
-    this.series.dataKey = key
-  }
-
-  get dataKey() {
-    return this.series.dataKey
-  }
-
-  get legend() {
-    !this.value.options && (this.value.options = {})
-    return this.value.options.legend
-  }
-
-  set legend(legend) {
-    this.value.options.legend = legend
-  }
-
-  get theme() {
-    return this.value.options && this.value.options.theme
-  }
-
-  set theme(theme) {
-    !this.value.options && (this.value.options = {})
-    this.value.options.theme = theme
-  }
-
-  get tooltip() {
-    return !this.value.options || this.value.options.tooltip !== false /* default true */
-  }
-
-  set tooltip(tooltip) {
-    this.value.options.tooltip = tooltip
-  }
-
-  get animation() {
-    return !this.value.options || this.value.options.animation !== false /* default true */
-  }
-
-  set animation(animation) {
-    this.value.options.animation = animation
-  }
-
-  get scales() {
-    return this.value.options.scales
-  }
-
-  set scales(scales) {
-    !this.value.options && (this.value.options = {})
-    this.value.options.scales = scales
-  }
-
-  get display() {
-    return this.legend && this.legend.display
-  }
-
-  set display(display) {
-    this.legend.display = display
-  }
-
-  get position() {
-    return this.legend.position
-  }
-
-  set position(position) {
-    this.legend.position = position
-  }
-
-  get stacked() {
-    return this.value.options.stacked
-  }
-
-  set stacked(stacked) {
-    this.value.options.stacked = stacked
-  }
-
-  get labelDataKey() {
-    return this.data && this.data.labelDataKey
-  }
-
-  set labelDataKey(labelDataKey) {
-    this.data.labelDataKey = labelDataKey
-  }
-
-  set options(options) {
-    this.value.options = options
-  }
-
-  get options() {
-    return this.value.options
-  }
-
-  onValuesChanged(e: Event) {
-    var element = e.target as HTMLInputElement
-    var key = element.getAttribute('value-key')
-    var value = element.value
-
-    if (!key) {
-      return
-    }
-
-    value = this._getElementValue(element)
-
-    var attrs = key.split('.')
-    var attr = attrs.shift() || ''
-    var variable = this
-
-    while (attrs.length > 0) {
-      //@ts-ignore
-      variable = variable[attr]
-      attr = attrs.shift() || ''
-    }
-
-    //@ts-ignore
-    variable[attr] = value
-
-    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))
-    this.requestUpdate()
-  }
-
-  onTapAddTab(e: Event) {
-    if (!this.value.data.datasets) return
-
-    var lastSeriesIndex = this.value.data.datasets.length
-    var chartType = this.series.type || this.value.type
-    var lastSeriesColor = new TinyColor(this.datasets[lastSeriesIndex - 1].backgroundColor)
-
-    var seriesModel = this._getSeriesModel({
-      chartType,
-      datasetsLength: lastSeriesIndex,
-      lastSeriesColor
-    })
-
-    this.value.data.datasets.push(seriesModel)
-    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))
-    this.currentSeriesIndex = lastSeriesIndex
-  }
-
-  onTapRemoveCurrentTab(e: Event) {
-    if (!this.value.data.datasets) return
-
-    var currIndex = this.currentSeriesIndex
-    this.value.data.datasets.splice(currIndex, 1)
-
-    currIndex--
-
-    if (currIndex < 0) currIndex = 0
-
-    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))
-    this.currentSeriesIndex = currIndex
-
-    this.requestUpdate()
-  }
-
-  _getSeriesModel({
-    chartType,
-    datasetsLength,
-    lastSeriesColor
-  }: {
-    chartType: any
-    datasetsLength: number
-    lastSeriesColor: TinyColor
-  }) {
-    var addSeriesOption: any = {
-      label: `series ${datasetsLength + 1}`,
-      data: [],
-      borderWidth: 1,
-      dataKey: '',
-      yAxisID: 'left',
-      color: randomColor({
-        hue: lastSeriesColor as any
-      }).toRgbString()
-    }
-
-    addSeriesOption.type = addSeriesOption.chartType = chartType
-    return addSeriesOption
-  }
-
-  _getElementValue(element: HTMLElement) {
-    switch (element.tagName) {
-      case 'INPUT':
-        switch ((element as HTMLInputElement).type) {
-          case 'checkbox':
-            return (element as HTMLInputElement).checked
-          case 'number':
-            return Number((element as HTMLInputElement).value) || 0
-          case 'text':
-            return String((element as HTMLInputElement).value)
-        }
-
-      default:
-        return (element as any).value
-    }
-  }
-}

package/src/editors/property-editor-chartjs-hbar.ts

@@ -1,157 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@material/web/button/elevated-button.js'
-import '@material/web/tabs/tabs.js'
-
-import '@operato/i18n/ox-i18n.js'
-
-import { html } from 'lit'
-import { customElement } from 'lit/decorators.js'
-
-import PropertyEditorChartJSMultiSeriesAbstract from './property-editor-chartjs-multi-series-abstract'
-
-@customElement('property-editor-chartjs-hbar')
-export default class PropertyEditorChartJSHBar extends PropertyEditorChartJSMultiSeriesAbstract {
-  static styles = [...PropertyEditorChartJSMultiSeriesAbstract.styles]
-
-  editorTemplate() {
-    return html`
-      <legend><ox-i18n msgid="label.series">Series</ox-i18n></legend>
-      ${this.multiSeriesTabTemplate()}
-
-      <legend><ox-i18n msgid="label.y-axes">Y Axes</ox-i18n></legend>
-
-      <label> <ox-i18n msgid="label.data-key">Data Key</ox-i18n> </label>
-      <input type="text" value-key="labelDataKey" .value=${this.labelDataKey} />
-
-      <label> <ox-i18n msgid="label.title">Title</ox-i18n> </label>
-      <input type="text" value-key="yAxes0.axisTitle" .value=${this.yAxes0.axisTitle || ''} />
-
-      <label><ox-i18n msgid="label.bar-spacing">Bar Spacing</ox-i18n></label>
-      <input
-        type="number"
-        min="0"
-        max="1"
-        step="0.1"
-        value-key="yAxes0.barSpacing"
-        .value=${this.yAxes0.barSpacing || NaN}
-      />
-      <label><ox-i18n msgid="label.tick-spacing">Tick Spacing</ox-i18n></label>
-      <input
-        type="number"
-        min="0"
-        max="1"
-        step="0.1"
-        value-key="yAxes0.categorySpacing"
-        .value=${this.yAxes0.categorySpacing || NaN}
-      />
-
-      <input type="checkbox" value-key="value.options.xGridLine" .checked=${this.value.options.xGridLine} />
-      <label> <ox-i18n msgid="label.grid-line">Grid Line</ox-i18n> </label>
-
-      <input type="checkbox" value-key="xAxes0.ticks.display" .checked=${this.xAxes0.ticks.display} />
-      <label> <ox-i18n msgid="label.display-tick">Display Tick</ox-i18n> </label>
-
-      <legend><ox-i18n msgid="label.x-axes">X Axes</ox-i18n></legend>
-
-      <label> <ox-i18n msgid="label.title">Title</ox-i18n> </label>
-      <input type="text" value-key="xAxes0.title" .value=${this.xAxes0.axisTitle || ''} />
-
-      <input type="checkbox" value-key="xAxes0.ticks.autoMin" .checked=${this.xAxes0.ticks.autoMin} />
-      <label> <ox-i18n msgid="label.axis-min-auto">Axis Min Auto</ox-i18n> </label>
-
-      <input type="checkbox" value-key="xAxes0.ticks.autoMax" .checked=${this.xAxes0.ticks.autoMax} />
-      <label> <ox-i18n msgid="label.axis-max-auto">Axis Max Auto</ox-i18n> </label>
-
-      ${!this.xAxes0.ticks.autoMin
-        ? html`
-            <label> <ox-i18n msgid="label.axis-min">Axis Min</ox-i18n> </label>
-            <input type="number" value-key="xAxes0.ticks.min" .value=${this.xAxes0.ticks.min} />
-          `
-        : html``}
-      ${!this.xAxes0.ticks.autoMax
-        ? html`
-            <label> <ox-i18n msgid="label.axis-max">Axis Max</ox-i18n> </label>
-            <input type="number" value-key="xAxes0.ticks.max" .value=${this.xAxes0.ticks.max} />
-          `
-        : html``}
-
-      <label> <ox-i18n msgid="label.axis-step-size">Axis Step Size</ox-i18n> </label>
-      <input type="number" value-key="yAxes0.ticks.stepSize" .value=${this.yAxes0.ticks.stepSize} />
-
-      <input type="checkbox" .checked=${this.value.options.yGridLine} />
-      <label> <ox-i18n msgid="label.grid-line">Grid Line</ox-i18n> </label>
-
-      <input type="checkbox" value-key="yAxes0.ticks.display" .checked=${this.yAxes0.ticks.display} />
-      <label> <ox-i18n msgid="label.display-tick">Display Tick</ox-i18n> </label>
-    `
-  }
-
-  multiSeriesTabTemplate() {
-    return html`
-      <div id="series-properties-container" fullwidth>
-        <div id="tab-header">
-          <md-icon
-            id="tab-nav-left-button"
-            @tap=${(e: Event) => {
-              this._onTabScrollNavLeft(e)
-            }}
-            disabled
-            >chevron_left</md-icon
-          >
-          <div
-            id="tabs"
-            @change=${(e: Event) => {
-              this.currentSeriesIndex = (e.target as any).activeTabIndex
-            }}
-            active-tab-index=${this.currentSeriesIndex}
-            fit-container
-          >
-            ${this.datasets.map(
-              (dataset: any, index: number) => html`
-                <div
-                  data-series=${index + 1}
-                  data-tab-index=${index}
-                  tab
-                  ?selected=${index == this.currentSeriesIndex}
-                  @click=${(e: Event) => {
-                    const target = e.target as HTMLDivElement
-                    this.currentSeriesIndex = Number(target.getAttribute('data-tab-index'))
-                  }}
-                >
-                  ${index + 1}
-                  ${!this.datasets || (this.datasets.length != 1 && this.currentSeriesIndex == index)
-                    ? html` <md-icon @tap="${(e: Event) => this.onTapRemoveCurrentTab(e)}"> close </md-icon> `
-                    : html``}
-                </div>
-              `
-            )}
-          </div>
-          <md-icon
-            id="tab-nav-right-button"
-            @click=${(e: Event) => {
-              this._onTabScrollNavRight(e)
-            }}
-            disabled
-            >chevron_right</md-icon
-          >
-        </div>
-        <div id="add-series-button-container">
-          <md-icon id="add-series-button" @tap=${(e: Event) => this.onTapAddTab(e)}>add</md-icon>
-        </div>
-
-        <div class="tab-content">
-          <label> <ox-i18n msgid="label.data-key">Data Key</ox-i18n> </label>
-          <input type="text" value-key="dataKey" .value=${this.dataKey} />
-          <label> <ox-i18n msgid="label.label">Label</ox-i18n> </label>
-          <input type="text" value-key="series.label" .value=${this.series.label} />
-          <label> <ox-i18n msgid="label.color">Color</ox-i18n> </label>
-          <ox-input-color value-key="color" .value=${this.color}></ox-input-color>
-          <label> <ox-i18n msgid="label.stack-group">Stack Group</ox-i18n> </label>
-          <input type="text" value-key="series.stack" .value=${this.series.stack || ''} />
-
-          ${this.displayValueTemplate()}
-        </div>
-      </div>
-    `
-  }
-}

package/src/editors/property-editor-chartjs-mixed.ts

@@ -1,199 +0,0 @@
-import '@operato/i18n/ox-i18n.js'
-
-import { html } from 'lit'
-import { customElement } from 'lit/decorators.js'
-
-import { Properties } from '@hatiolab/things-scene'
-
-import PropertyEditorChartJSMultiSeriesAbstract from './property-editor-chartjs-multi-series-abstract'
-
-@customElement('property-editor-chartjs-mixed')
-export default class PropertyEditorChartJSMixed extends PropertyEditorChartJSMultiSeriesAbstract {
-  static styles = PropertyEditorChartJSMultiSeriesAbstract.styles
-
-  constructor() {
-    super()
-
-    this.value = {
-      options: {
-        legend: {},
-        scales: {
-          xAxes: [
-            {
-              ticks: {}
-            }
-          ],
-          yAxes: [
-            {
-              ticks: {}
-            }
-          ]
-        }
-      },
-      data: {
-        datasets: []
-      }
-    }
-  }
-
-  get xAxes0() {
-    return this.scales.xAxes[0]
-  }
-
-  set xAxes0(xAxes0) {
-    this.scales.xAxes[0] = xAxes0
-  }
-
-  get yAxes0() {
-    return this.scales.yAxes[0]
-  }
-
-  set yAxes0(yAxes0) {
-    this.scales.yAxes[0] = yAxes0
-  }
-
-  get yAxes1() {
-    return this.scales.yAxes[1]
-  }
-
-  set yAxes1(yAxes1) {
-    this.scales.yAxes[1] = yAxes1
-  }
-
-  get multiAxis() {
-    return this.value.options.multiAxis
-  }
-
-  set multiAxis(multiAxis) {
-    this.value.options.multiAxis = multiAxis
-  }
-
-  editorTemplate(props: Properties) {
-    return html`
-      <input type="checkbox" value-key="multiAxis" .checked=${this.multiAxis} />
-      <label> <ox-i18n msgid="label.multi-axis">Multi Axis</ox-i18n> </label>
-
-      <legend><ox-i18n msgid="label.series">Series</ox-i18n></legend>
-
-      <div fullwidth>${this.multiSeriesTabTemplate()}</div>
-
-      <legend><ox-i18n msgid="label.x-axes">X Axes</ox-i18n></legend>
-
-      <label> <ox-i18n msgid="label.data-key">Data Key</ox-i18n> </label>
-      <input type="text" value-key="labelDataKey" .value=${this.labelDataKey} />
-
-      <label> <ox-i18n msgid="label.title">Title</ox-i18n> </label>
-      <input type="text" value-key="xAxes0.axisTitle" .value=${this.xAxes0.axisTitle || ''} />
-
-      ${this._hasBarSeries(this.value)
-        ? html`
-            <label><ox-i18n msgid="label.bar-spacing">Bar Spacing</ox-i18n></label>
-            <input
-              type="number"
-              min="0"
-              max="1"
-              step="0.1"
-              value-key="xAxes0.barSpacing"
-              .value=${this.xAxes0.barSpacing || NaN}
-            />
-            <label><ox-i18n msgid="label.tick-spacing">Tick Spacing</ox-i18n></label>
-            <input
-              type="number"
-              min="0"
-              max="1"
-              step="0.1"
-              value-key="xAxes0.categorySpacing"
-              .value=${this.xAxes0.categorySpacing || NaN}
-            />
-          `
-        : html``}
-
-      <input type="checkbox" value-key="value.options.xGridLine" .checked=${props.value.options.xGridLine} />
-      <label> <ox-i18n msgid="label.grid-line">Grid Line</ox-i18n> </label>
-
-      <input type="checkbox" value-key="xAxes0.ticks.display" .checked=${this.xAxes0.ticks.display} />
-      <label> <ox-i18n msgid="label.display-tick">Display Tick</ox-i18n> </label>
-
-      <legend><ox-i18n msgid="label.y-axes">Y Axes</ox-i18n></legend>
-
-      <label> <ox-i18n msgid="label.title">Title</ox-i18n> </label>
-      <input type="text" value-key="yAxes0.axisTitle" .value=${this.yAxes0.axisTitle || ''} />
-
-      <input type="checkbox" value-key="yAxes0.ticks.autoMin" .checked=${this.yAxes0.ticks.autoMin} />
-      <label> <ox-i18n msgid="label.axis-min-auto">Min Auto</ox-i18n> </label>
-
-      <input type="checkbox" value-key="yAxes0.ticks.autoMax" .checked=${this.yAxes0.ticks.autoMax} />
-      <label> <ox-i18n msgid="label.axis-max-auto">Max Auto</ox-i18n> </label>
-
-      ${!this.yAxes0.ticks.autoMin
-        ? html`
-            <label> <ox-i18n msgid="label.axis-min">Min</ox-i18n> </label>
-            <input type="number" value-key="yAxes0.ticks.min" .value=${this.yAxes0.ticks.min} />
-          `
-        : html``}
-      ${!this.yAxes0.ticks.autoMax
-        ? html`
-            <label> <ox-i18n msgid="label.axis-max">Max</ox-i18n> </label>
-            <input type="number" value-key="yAxes0.ticks.max" .value=${this.yAxes0.ticks.max} />
-          `
-        : html``}
-
-      <label> <ox-i18n msgid="label.axis-step-size">StepSize</ox-i18n> </label>
-      <input type="number" value-key="yAxes0.ticks.stepSize" .value=${this.yAxes0.ticks.stepSize} />
-
-      <input type="checkbox" value-key="value.options.yGridLine" .checked=${props.value.options.yGridLine} />
-      <label> <ox-i18n msgid="label.grid-line">Grid Line</ox-i18n> </label>
-
-      <input type="checkbox" value-key="yAxes0.ticks.display" .checked=${this.yAxes0.ticks.display} />
-      <label> <ox-i18n msgid="label.display-tick">Display Tick</ox-i18n> </label>
-
-      ${props.value.options.multiAxis
-        ? html`
-            <legend><ox-i18n msgid="label.y-2nd-axes">Y 2nd Axes</ox-i18n></legend>
-
-            <label> <ox-i18n msgid="label.title">Title</ox-i18n> </label>
-            <input type="text" value-key="yAxes1.axisTitle" .value=${this.yAxes1.axisTitle || ''} />
-
-            <input type="checkbox" value-key="yAxes1.ticks.autoMin" .checked=${this.yAxes1.ticks.autoMin} />
-            <label> <ox-i18n msgid="label.axis-min-auto">Min Auto</ox-i18n> </label>
-
-            <input type="checkbox" value-key="yAxes1.ticks.autoMax" .checked=${this.yAxes1.ticks.autoMax} />
-            <label> <ox-i18n msgid="label.axis-max-auto">Max Auto</ox-i18n> </label>
-
-            ${!this.yAxes1.ticks.autoMin
-              ? html`
-                  <label> <ox-i18n msgid="label.axis-min">Min</ox-i18n> </label>
-                  <input type="number" value-key="yAxes1.ticks.min" .value=${this.yAxes1.ticks.min} />
-                `
-              : html``}
-            ${!this.yAxes1.ticks.autoMax
-              ? html`
-                  <label> <ox-i18n msgid="label.axis-max">Max</ox-i18n> </label>
-                  <input type="number" value-key="yAxes1.ticks.max" .value=${this.yAxes1.ticks.max} />
-                `
-              : html``}
-
-            <label> <ox-i18n msgid="label.axis-step-size">StepSize</ox-i18n> </label>
-            <input type="number" value-key="yAxes1.ticks.stepSize" .value=${this.yAxes1.ticks.stepSize} />
-
-            <input
-              type="checkbox"
-              value-key="value.options.y2ndGridLine"
-              .checked=${props.value.options.y2ndGridLine}
-            />
-            <label> <ox-i18n msgid="label.grid-line">Grid Line</ox-i18n> </label>
-
-            <input type="checkbox" value-key="yAxes1.ticks.display" .checked=${this.yAxes1.ticks.display} />
-            <label> <ox-i18n msgid="label.display-tick">Display Tick</ox-i18n> </label>
-          `
-        : html``}
-    `
-  }
-
-  _hasBarSeries(chart: any) {
-    var hasBarSeries = false
-    hasBarSeries = chart.data.datasets.some((s: any) => s.type == 'bar')
-
-    return hasBarSeries
-  }
-}