vue-apexcharts icon indicating copy to clipboard operation
vue-apexcharts copied to clipboard

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'length')

Open riksnelders opened this issue 2 years ago • 0 comments

I have no clue as to how this error is spamming my logs, Any one had this before?

Apex charts is loaded in an SVG as custom component (foreign object)

  <g :transform="'translate(0 ,0)'">
            <foreignObject
                :key="item.id"
                :width="item.width"
                :height="item.height"
                :x="item.x" :y="item.y"
                           v-for="item in items">
              <component :item=item :key="item.id" :is="item.componentType"/>
            </foreignObject>
            ``` 



```html
 <apexchart
        class="oee-doughnut"
        type="radialBar"
        height="97px"
        width="64px"
        :options="getOptions"
        :series="getOeeLast()"/>
 getOptions() {
      return {
        colors: ['#FFFF'],
        chart: {
          type: "radialBar",
          width: "64px",
          height: "97px",
          offsetX: -3,
          offsetY: 0,
          id: this.item.id
        },
        plotOptions: {
          radialBar: {
            hollow: {
              size: "40%"
            },
            dataLabels: {
              showOn: "always",
              name: {
                offsetY: -10,
                show: false,
                color: "black",
                fontSize: "12px"
              },
              value: {
                offsetY: 5,
                color: "black",
                fontWeight: 700,
                fontSize: "12",
                show: true
              }
            },
          },

        },
        labels: ["oee"],
      };

    }
  },
  methods: {
    getOeeLast() {
      return [80]
    }
  },
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'length')
    at Function.value (apexcharts.min.js?3d1e:6:1)
    at t.value (apexcharts.min.js?3d1e:6:1)
    at i.value (apexcharts.min.js?3d1e:6:1)
    at i.value (apexcharts.min.js?3d1e:6:1)
    at t.value (apexcharts.min.js?3d1e:6:1)
    at t.value (apexcharts.min.js?3d1e:14:1)
    at t.eval (apexcharts.min.js?3d1e:6:1)
    at eval (apexcharts.min.js?3d1e:14:1)
    at new Promise (<anonymous>)
    at t.value (apexcharts.min.js?3d1e:14:1)
    ```` 

riksnelders avatar Jul 27 '22 10:07 riksnelders