滑县400电话申请开通【滑县企业网站建设】滑县微信公众号小程序开发运营价格、滑县微信公众号APP软件客户端设计运营、滑县网页页面设计公司费用、滑县公司网站制作方案流程改版维护大概需要多少钱

滑县400电话申请开通【滑县企业网站建设】滑县微信公众号小程序开发运营价格、滑县微信公众号APP软件客户端设计运营、滑县网页页面设计公司费用、滑县公司网站制作方案流程改版维护大概需要多少钱

滑县，河南省直管县， [1]  安阳市下辖县 [2]  ，位于河南省北部，经度：114.5193，纬度：35.5754，与安阳、濮阳、鹤壁、新乡接壤。北距安阳市70公里，南距郑州市130公里，东北距濮阳市53公里，西南距新乡市70公里，西北距鹤壁新市区25公里。总面积1814平方公里，耕地面积195.21万亩。 [3-4] 

滑县是中原经济区粮食生产核心区、河南省第一产粮大县、中国粮食生产先进单位、中国唯一的粮食生产先进县，有“豫北粮仓”之称。 [5]  滑县主要旅游景点，隋唐大运河、张家遗址、瓦岗寨、明福寺塔、欧阳书院、千翠湖等。

2017年10月，滑县通过国家专项评估检查，由河南省人民政府正式批准退出贫困县 [6]  。第二批节水型社会建设达标县（区）。 [7] 

2017年10月，滑县通过国家专项评估检查，由河南省人民政府正式批准退出贫困县 [6]  。

由于在项目中需要对数据进行可视化处理，也就是用图表展示，众所周知echarts是非常强大的插件。

npm install echarts -S

或者使用淘宝的镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install echarts -S

创建图表

首先需要全局引入

在main.js中

// 引入echarts

import echarts from ‘echarts’

Vue.prototype.$echarts = echarts

在Echarts.vue中

<template>

  <div>

      <div id="myChart" :style="{width: '300px', height: '300px'}"></div>

  </div>

</template>

<script>

export default {

  name: 'hello',

  data () {

    return {

      msg: 'Welcome to Your Vue.js App'

    }

  },

  mounted(){

    this.drawLine();

  },

  methods: {

    drawLine(){

        // 基于准备好的dom，初始化echarts实例

        let myChart = echarts.init(document.getElementById('myChart'))

        // 绘制图表

        myChart.setOption({

            title: { text: '在Vue中使用echarts' },

            tooltip: {},

            xAxis: {

                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]

            },

            yAxis: {},

            series: [{

                name: '销量',

                type: 'bar',

                data: [5, 20, 36, 10, 10, 20]

            }]

        });

    }

  }

}

</script>

<style>

</style>

这样我们就把echarts引入了，然后在浏览器中保存下看下

使用ECharts的时候遇到了报错：

Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”

原因：echarts的引入方式错误：

正确的echarts引入方式：

let echarts = require(‘echarts’)

其实产生这个的原因是因为echarts的版本太高了，我们现在来看package.json里面的echarts的版本

一时半会拿不准问题原因，到处搜罗了一下，发现可能是版本问题，我下载的是最新的，于是卸载了echarts，安装了低版本

npm install echarts@4.8.0 --save或者let echarts = require(‘echarts’)

发现安装低于5的版本，这三种方式引入的都可以使用

现在我把本地的依赖都清除，然后在package.json里面把echarts删除，然后重新安装依赖看看

现在的版本是5.1.1

当使用全局引入的时候就会报错了

使用import的时候也是会报错

使用require就不会报错了

总结：如果echarts版本在5.0以下使用三种引入的方式都行，

如果echarts的版本在5.0以上，只能使用require的方式引入

滑县400电话申请开通【滑县企业网站建设】滑县微信公众号小程序开发运营价格、滑县微信公众号APP软件客户端设计运营、滑县网页页面设计公司费用、滑县公司网站制作方案流程改版维护大概需要多少钱