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

手机怎么上wap网站如何网络营销自己的产品

手机怎么上wap网站,如何网络营销自己的产品,做博客网站的php代码,c access做网站登录页面文章目录 1、前言2、思路3、实现 1、前言 最近做的大数据平台,里面很多部分用到了ECharts,其中有个功能,要求将图表分组,根据用户选择的组,来确定ECharts要显示那些线条和柱子,也就是动态的显示option.seri…

文章目录

  • 1、前言
  • 2、思路
  • 3、实现

1、前言

ECharts

最近做的大数据平台,里面很多部分用到了ECharts,其中有个功能,要求将图表分组,根据用户选择的组,来确定ECharts要显示那些线条和柱子,也就是动态的显示option.series。

2、思路

找了一下EChart的文档,发现可以通过控制option.legend.selected,来动态设置,无论饼图、折线图、还是柱状图,都可以通过这个来控制显示哪些,只需要把数据变化set到ECharts实例上就可以了。

3、实现

EChart的legend.selected属性是一个对象,可以把series的每一个系列的name作为键名,值为Boolean,来控制是否显示。然后setOption实例化后的EChart对象,就可以实现动态更改显示。

  • 曲线图数据:体验地址
option = {tooltip: {trigger: 'axis'},legend: {selected: {AAA: false}},xAxis: {type: 'category',boundaryGap: false,data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{name: 'AAA',type: 'line',data: [120, 132, 101, 134, 90, 230, 210]},{name: 'BBB',type: 'line',data: [220, 182, 191, 234, 290, 330, 310]},{name: 'CCC',type: 'line',data: [150, 232, 201, 154, 190, 330, 410]},{name: 'DDD',type: 'line',data: [320, 332, 301, 334, 390, 330, 320]}]
};
  • 柱状图数据:体验地址
option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},legend: {selected: {AAA: false}},tooltip: {trigger: 'item'},yAxis: {type: 'value'},series: [{name: 'AAA',type: 'bar',data: [10,20,30,40,50,60,70],},{name: 'BBB',type: 'bar',data: [20,30,40,50,60,70,80],},{name: 'CCC',type: 'bar',data: [30,40,50,60,70,80,90],},{name: 'DDD',type: 'bar',data: [40,50,60,70,80,90,100],},{name: 'EEE',type: 'bar',data: [50,60,70,80,90,100,110],}]
};
  • 饼图数据:体验地址
option = {tooltip: {trigger: 'item'},legend: {selected: {AAA: false}},series: [{name: 'Pie',type: 'pie',radius: '50%',data: [{ value: 1048, name: 'AAA' },{ value: 735, name: 'BBB' },{ value: 580, name: 'CCC' },{ value: 484, name: 'DDD' },{ value: 300, name: 'EEE' }]}]
};

打开体验地址,将数据粘贴上去,就可以查看效果。


本次分享就到这儿啦,我是鹏多多,如果您看了觉得有帮助,欢迎评论,关注,点赞,转发,我们下次见~

往期文章

  • Vue2全家桶+Element搭建的PC端在线音乐网站
  • vue3+element-plus配置cdn
  • 助你上手Vue3全家桶之Vue3教程
  • 助你上手Vue3全家桶之VueX4教程
  • 助你上手Vue3全家桶之Vue-Router4教程
  • 超详细!Vue的九种通信方式
  • 超详细!Vuex手把手教程
  • 使用nvm管理node.js版本以及更换npm淘宝镜像源
  • vue中利用.env文件存储全局环境变量,以及配置vue启动和打包命令
  • 超详细!Vue-Router手把手教程

个人主页

  • CSDN
  • GitHub
  • 简书
  • 博客园
  • 掘金
http://www.ds6.com.cn/news/62902.html

相关文章:

  • 企业建设网站的比例windows 优化大师
  • 新人做直播哪个网站好商品关键词优化的方法
  • 手机app软件开发公司排名久久seo正规吗
  • 织梦可以做导航网站品牌宣传的推广
  • 外贸快车做网站怎么样浙江seo
  • 温州市平阳县建设局网站百度导航下载2020新版语音
  • 无锡网站制作的公司有哪些seo每日一帖
  • 个人网站有什么限制百度品牌广告
  • 白云建设网站网络推广费用
  • 江西网站设计服务今日十大热点新闻
  • 网站架构是什么意思网络营销的主要特点有哪些
  • 做棋牌网站赚钱吗做网站怎么做
  • 宁乡电商网站建设报价百度投放广告怎么收费
  • 凡科互动游戏作弊seo技术代理
  • 免费下载建设银行官方网站下载周口seo公司
  • 做美食网站的图片大全g3云推广
  • 广州网站手机建设公司北京seo报价
  • 宁波哪里可以做网站网站关键词优化排名软件
  • 用新浪云做网站制作一个简单的html网页
  • 别墅装修排名关键词优化到首页怎么做到的
  • 知名网站开发哪家好360排名优化工具
  • 济南一哥网站建设公司武汉百度推广公司
  • 学做网站去哪学广州seo站内优化
  • 建站平台营销西安关键词排名推广
  • 长安外贸网站建设公司互联网营销师是干什么
  • 企业网站建设知识怎么做个网站
  • 南方医科大学精品课程建设网站靠谱的seo收费
  • 黄石网站建设(乐云践新)百度搜索智能精选入口
  • 有什么做设计接任务的网站营销型网站开发公司
  • 玉林市住房和城乡建设局网站seo推广编辑