hieeyh/tong2-family

基于vue、vuex、vue-router、echarts的数据可视化展示平台

tong2-family's Issues

这个班主任有点帅

这个班主任有点帅

提示框组件显示信息有误

显示的是起床时间,应该显示消费金额吧?

老师是个女程序员

膜拜。。。

初始化chart

你好，我看到你的vue组件的data里只定义了一个chart，但是我只定义一个想显示多个的时候会被覆盖掉，只显示最后一个，我想问一下你是不是还有做别的措施？

老师，您好。vue项目一般是在根目录下访问，您的这个项目是以http://119.29.57.165:8080/family/#/wordcloud 这种形式在family目录下访问，请问是如何配置的呢？先谢谢啦

关于获取json数据失败的问题

遇到的一个问题
你的源码我下下来，本地运行能跑起来。但是我自己在参考你的代码写的时候，使用 npm run dev后报了一个如下错误：

页面出现：

workerage.vue是我新建的一个"同事年龄区间统计"的一个组件，在这个组件中使用import data from 'static/data/data.json';来导入json数据，应该是这个地方的问题，但是不知道要怎么解决这个问题？还请有时间帮我看一下，谢谢

我的data.json文件代码如下：

{
 "workerAge" :{
   "age":["20以下","20~25","25~30","30~35","35~40","45~50","50~55"],
   "num":[2,4,25,18,10,6,2]
 }
}

我的workerage.vue代码如下：

<template>
  <div>
    <div id="workerAge"></div>
  </div>
</template>
<script>
  import echarts from 'echarts';
  import data from 'static/data/data.json';
export default{
  data(){
    return{
      chart:null
    };
  },
  methods:{
    drawBar(id){
      this.chart=echarts.init(document.getElementById('workerAge'));
      this.chart.setOption({
        title:'职员年龄情况',
        legend:['人数'],
        tooltip: {
          trigger: 'axis'
        },
        toolbox: {
          feature: {
            magicType:{show: true, type: ['line', 'bar']},
            saveAsImage: {show: true},
            dataView: {show: true, readOnly: false}
          },
          top: 10,
          right: 15
        },
        calculable: true,
        grid: {
          left: '3%',
          right: '6%',
          bottom: '3%',
          containLabel: true
        },
        xAxis:[
          {
            type:'category',
            data:data.workerAge.age
          }
        ],
        yAxis:[
          {
            type:'value',
            name:'人数',
            max:50
          }
        ],
        series:[
          {
            name:'年龄区间',
            type:'bar',
            markPoint:{
              data:[
                {type:'max',name:'最大值'},
                {type:'min',name:"最小值"}
              ]
            },
            markLine:{
              data:[
                {type:'average',name:'平均值'}
              ]
            },
            itemStyle: {
              normal: {
                barBorderRadius: 20,
                color: '#726dd1',
                shadowColor: 'rgba(0, 0, 0, 0.4)',
                shadowBlur: 20
              }
            },
            data:data.workerAge.num

          }
        ]

      })

    }
  },
  mounted() {//todo33
    this.$nextTick(function() {
      this.drawBar('workerAge');
      var that = this;
      var resizeTimer = null;
      window.onresize = function() {
        if (resizeTimer) clearTimeout(resizeTimer);
        resizeTimer = setTimeout(function() {
          that.drawBar('workerAge');
        }, 100);
      }
    });
  }
}
</script>
<style scoped>
  #workerAge {
    position: relative;
    left: 50%;
    width: 90%;
    height: 600px;
    margin-left: -45%;
    box-shadow: 0 0 10px #726dd1;
    border-radius: 10px;
  }
</style>

cloud.vue中import 'echarts-wordcloud'什么意思？是依据什么来导入的？

关于qq号

qq号这块是不是有bug啊 为啥上不去啊？明明找到了你的QQ号啊