В чем ошибка vue-chartist?

Question

[codeZlo]

<template>
    <vue-chartist :data="data" :options="options" type="Line"></vue-chartist>
</template>
<script>
  import { mapGetters, mapActions } from 'vuex'
  import * as VueChartist from 'v-chartist'

  export default {
    name: 'XXXname',
    components: {
      'vue-chartist': VueChartist
    },
    data() {
        data: {
           series: [
                [1]
           ]
        },
        options: {
           width: "490px",
           height: "240px",
           low: 1,
           showArea: true,
           fullWidth: true,
           lineSmooth: VueChartist.Interpolation.simple()
        }
      }
    }
</script>

Из-за строки lineSmooth: VueChartist.Interpolation.simple() в свойствах график перестает работать :( Помогите плиз в чем ошибка? Заранее спасибо.

Comments

[alex]

режим телепата включил, ожидайте

[codeZlo]

Alex, :(

Answer 1

[0xD34F]

Это просто компонент, рисующий график, доступа к chartist API он не предоставляет. Так что надо импортировать chartist отдельно:

import chartist from 'chartist';

Соответственно, вместо

VueChartist.Interpolation.simple()

будет

chartist.Interpolation.simple()

https://codesandbox.io/s/vue-template-uh9j2