0.1.63 • Published 3 years ago
chart-unty-2035 v0.1.63
График для статистики
Установка
npm install
Создать файл chart.js в папки store
export default {
namespaced: true,
state: {
date: '',
apiPath: process.env.VUE_APP_STATISTICS_API_PATH ? process.env.VUE_APP_STATISTICS_API_PATH : '/api',
app_token: process.env.VUE_STATISTICS_API_TOKEN,
image_url: process.env.VUE_IMAGE_URL,
info: {
title: '',
image: ''
},
table: []
},
getters: {
getDate: state => state.date,
getInfo: state => state.info,
getTable: state => state.table,
getImageUrl: state => state.image_url
},
mutations: {
SetCumulativeUsers: (state, val) => {
state.date = val.data.payload;
},
SetInfo: (state, val) => {
let payload = val.data.payload
state.info.title = payload.title;
state.info.image = JSON.parse(payload.image);
for (let i = 0; i < payload.sections.length; i++) {
let array = {
title: payload.sections[i].title,
activityIndex: payload.sections[i].objects[0].activityIndex,
countUsers: payload.sections[i].objects[0].reaction.countUsers,
clicks: payload.sections[i].objects[0].reaction.clicks,
likes: payload.sections[i].objects[0].reaction.likes,
dislikes: payload.sections[i].objects[0].reaction.dislikes,
favourites: payload.sections[i].objects[0].reaction.favourites,
}
state.table.push(array)
}
},
},
actions: {
LoadCumulativeUsers: async function (context, {uuid}) {
console.log(uuid);
let app_token = context.state.app_token;
var response = await axios.get(context.state.apiPath + '/api/v1/collection/cumulative-users?uuid=' + uuid
+ '&app_token=' + app_token);
context.commit('SetCumulativeUsers', response);
},
LoadInfo: async function (context, {uuid}) {
console.log(uuid);
let app_token = context.state.app_token;
var response = await axios.get(context.state.apiPath + '/api/v1/collection/info?uuid=' + uuid
+ '&app_token=' + app_token);
context.commit('SetInfo', response);
},
},
};
В основном файле store
import chart from './chart'
const store = () => new Vuex.Store({
modules: {
chart
},
});
.env прописать переменную
VUE_APP_STATISTICS_API_PATH=http://stat.2035.local
На страницы
<template>
<div>
<Chart :uuid="uuid"></Chart>
</div>
</template>
<script>
import Chart from 'chart-unty-2035/src/components/Chart.vue'
//let Chart = require('chart-unty-2035/src/main_int.js')
export default {
components: {
Chart
},
data() {
return {
uuid: '', //uuid подборки
growths: '', //true - по наростающей / false - с убывание
time : 1000 // Задержка в милисикундах для построения графика
}
},
}
</script>
0.1.63
3 years ago
0.1.62
3 years ago
0.1.61
3 years ago
0.1.57
3 years ago
0.1.58
3 years ago
0.1.60
3 years ago
0.1.56
3 years ago
0.1.54
3 years ago
0.1.55
3 years ago
0.1.53
3 years ago
0.1.52
3 years ago
0.1.51
3 years ago
0.1.50
3 years ago
0.1.49
3 years ago
0.1.41
3 years ago
0.1.42
3 years ago
0.1.43
3 years ago
0.1.44
3 years ago
0.1.45
3 years ago
0.1.46
3 years ago
0.1.47
3 years ago
0.1.48
3 years ago
0.1.40
3 years ago
0.1.39
3 years ago
0.1.31
3 years ago
0.1.32
3 years ago
0.1.33
3 years ago
0.1.34
3 years ago
0.1.35
3 years ago
0.1.36
3 years ago
0.1.37
3 years ago
0.1.38
3 years ago
0.1.30
3 years ago
0.1.27
3 years ago
0.1.28
3 years ago
0.1.29
3 years ago
0.1.21
3 years ago
0.1.23
3 years ago
0.1.24
3 years ago
0.1.25
3 years ago
0.1.26
3 years ago
0.1.20
3 years ago
0.1.16
3 years ago
0.1.17
3 years ago
0.1.18
3 years ago
0.1.19
3 years ago
0.1.15
3 years ago
0.1.14
3 years ago
0.1.10
3 years ago
0.1.11
3 years ago
0.1.12
3 years ago
0.1.9
3 years ago
0.1.8
3 years ago
0.1.7
3 years ago
0.1.6
3 years ago
0.1.5
3 years ago
0.1.4
3 years ago
0.1.3
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.0
3 years ago