Add tooltip plugin

Hi guys,

¿How can i add tooltip plugin to vue-chartist?

I try with:

import chartist from 'vue-chartist'
import chartist_tooltip from 'chartist-plugin-tooltips'

vue.use(chartist,{
	plugins: [
	     chartist_tooltip
	],
})

[funami-dev]

@50l3r that’s the same with me. https://www.npmjs.com/package/chartist-plugin-tooltip works. (the package without an s at the end)

If you dont want the jquery version: https://github.com/tmmdata/chartist-plugin-tooltip/issues/152#issuecomment-395361512

or in vue components Imports

import * as ChartistTooltips from 'chartist-plugin-tooltips';

Options

plugins: [this.$chartist.plugins.tooltip()]

[hitautodestruct]

@50l3r The plugin definition goes into your options configuration per component. You would have to import it in the vue component like you did and then set it up like so:

<template>
    <chartist :data="chart_data" :options="chart_options" type="Line" />
</template>
<script>
import chartist_tooltip from 'chartist-plugin-tooltips'

export default {
  data () {
    return {
      chart_options: {
        plugins: [ chartist_tooltip() ]
      }
    }
  }
}
</script>