当前位置: 首页 > news >正文

网站使用费用购买域名的网站

网站使用费用,购买域名的网站,申请带域名的免费空间,检察门户网站建设目录 1. 配置 渲染2. 数据渲染 1. 配置 渲染 安装 echarts 依赖 npm install echarts -Smain.js,引入 echarts import * as echarts from echarts// 在import的后面,echarts的前面加一个 * as Vue.prototype.$echarts echarts从 echarts 官网直接复制…

目录

  • 1. 配置 + 渲染
  • 2. 数据渲染

1. 配置 + 渲染

  1. 安装 echarts 依赖

    npm install echarts -S
    
  2. main.js,引入 echarts

    import * as echarts from 'echarts'// 在import的后面,echarts的前面加一个 * as
    Vue.prototype.$echarts = echarts
    
  3. 从 echarts 官网直接复制一个案例,放到 data 里面,如图:

  4. template 中定义一个 div ,作为显示圆盘的载体

  5. 在 method 中定义初始化 echarts 的方法

    methods: {showPan () {// 指定 echarts 图表初始化的容器const panCharts = this.$echarts.init(document.querySelector('#pan'))// 渲染 echartspanCharts.setOption(this.panOption,true)}
    }
    
  6. 在 mounted 钩子函数中调用初始化 echarts 图表的方法

    mounted() {this.showPan()
    },
    
  7. 效果图如下

2. 数据渲染

到此,我们肯定要用自己的数据去渲染 echarts 图表,即上述案例中的 title、legend、series 都必须由我们自己的数据来渲染。这里就附上前后端代码了,因为操作比较简单,就简单说一下思路。

  1. 通过一些函数获取后端数据,并替换掉数据字段(title、legend、series,一般 title、legend 都会写死,只会更改 series 对象里面的 data 数组,如下)
    /* 将饼图数据数组中的值赋值给饼图的data */
    this.panOption.series[0].data = innerPayData
    this.panOption.series[1].data = outterPayData
    
  2. 调用初始化(渲染)echarts 图表的函数,重新渲染表格
    this.showPan()
    
http://www.dinnco.com/news/35046.html

相关文章:

  • 网站 内容微博seo营销
  • 怎么看网站是否被k过自己的app如何接广告
  • 南阳做网站 汉狮公司免费个人推广引流平台
  • 专业做网站的公司有哪些百度快照下载
  • 成都h5模板建站中国疫情今天最新消息
  • 适合这手机浏览器主页的网站谷歌下载官方正版
  • wordpress设置上传文件大小限制无锡网站seo顾问
  • 宝安营销型网站设计厦门关键词优化seo
  • 安卓软件开发需要学什么如何优化推广网站
  • 我做的电影网站为什么百度搜索不到百度搜索引擎api
  • 北太平庄网站建设大连网站开发公司
  • 网站内页怎么做seo网络推广十大平台
  • 怎么搜索家附近的公司win7优化软件
  • 专业制作网站是什么企业网页设计制作
  • 公司网站域名管理正规的关键词优化软件
  • 重庆专业的网站建设公司cba最新积分榜
  • h5小游戏在线玩长春seo主管
  • php政府网站源码北京seo主管
  • 泸西网站建设海淀区seo多少钱
  • 电商网站的分辨率电商怎么做营销推广
  • 网站开发常用的开发工具整站优化外包服务
  • 北京建设集团网站首页网页制作公司哪家好
  • 沈阳建站公司模板网页搜索快捷键
  • 网站关键词选取新开网站
  • 同一个空间供应商做很多个网站影响网站排名百度官网首页入口
  • 家具定制网站泉州seo外包
  • 永久免费网站建立余姚关键词优化公司
  • 外国人做的汉子网站如何做一个网站的seo
  • 怎么做ebay网站seo定义
  • 政治建设网站百度科技有限公司