vue-analytics-charts
v0.1.8
Published
Charts field component to display a analytics data based on [Vue](https://vuejs.org/).
Downloads
12
Maintainers
Readme
vue-analytics-charts
Charts field component to display a analytics data based on Vue.
Works with Vue 2.*
Installation
Install via NPM
$ npm install vue-analytics-charts --save
$ yarn add vue-analytics-charts
Register as Component
import Vue from 'vue'
import VueAnalyticsCharts from 'vue-analytics-charts'
export default {
name: 'App',
components: {
VueAnalyticsCharts
}
}
Register as Plugin
import Vue from 'vue'
import VueAnalyticsCharts from 'vue-analytics-charts'
Vue.use(VueAnalyticsCharts)
Usage
Use controller from koa-analytics-service to an easy use
Quick example
<template>
<vue-analytics-charts
title="Page views"
api-url="http://127.0.0.1:3009/api/analytics"
></vue-analytics-charts>
</template>
<script>
import VueAnalyticsCharts from 'vue-analytics-charts'
export default {
name: 'App',
components: {
VueAnalyticsCharts
},
}
</script>
Props
|Props|Description|Required|Type|Default|
|-----|-----------|--------|----|-------|
|options|apexcharts options|false|object|{ chart: { type: 'area' } }
|
|analyticsOptions| analytics options to build analytics report v4 (see Analytics options)|false|object|{}
|
Analytics options (See batchGet reference)
|Value|Description|Default|
|-----|-----------|-------|
|filters|Filters value|[]
|
|dimensions| Dimensions value |[{ name: "ga:date"}]
|
|metrics| metrics value |[{ expression: 'ga:pageviews' }]
|
Changelog
Detailed changes for each release are documented in the release notes.
License
vue-analytics-charts is open-sourced software licensed under the MIT license
Support
Hello, I'm Thomas the maintainer of this project in my free time , if this project does help you in any way please consider to support me. Thanks :smiley: