echart图表如何实现X轴分两类展示

图片说明

2个回答

已解决,需要的联系邮箱 1210014671@qq.com
图片说明

案例链接:多个分类柱状图

qq_16495151
杨青松 回复1叶知秋灬: https://download.csdn.net/download/qq_16495151/11898790
7 个月之前 回复
qq_16495151
杨青松 回复1叶知秋灬: 我直接分享地址吧,抱歉抱歉
7 个月之前 回复
qq_38321709
1叶知秋灬 解决了为什么不拿出来分享下呢,还留个邮箱啥意思呢?
11 个月之前 回复

这个应该用echar无解。
可以试试重写它的方法。

qq_16495151
杨青松 确实无解,我用的是Highcharts
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echart图表不显示的问题

<script type="text/javascript"> // 路径配置 require.config({ paths : { echarts : 'http://echarts.baidu.com/build/dist' } }); // 使用 require([ 'echarts', 'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载 ], drewEcharts ); function drewEcharts(ec) { // 基于准备好的dom,初始化echarts图表 var myChart = ec.init(document.getElementById('main')); var option = { tooltip : { show : true }, legend : { data : [ '人数' ] }, xAxis : [ { type : 'category', data :(function(){ var arr=[]; $.ajax({ type : "post", async : false, //同步执行 url : "bar.do", data : {}, dataType : "json", //返回数据形式为json success : function(result) { if (result) { /* alter("first"); */ for(var i=0;i<result.length;i++){ console.log(result[i].name); arr.push(result[i].name); } } }, error : function(errorMsg) { alert("不好意思,图表请求数据失败啦!"); myChart.hideLoading(); } }) return arr; })() } ], yAxis : [ { type : 'value' } ], series : [ { "name" : "人数", "type" : "bar", "data" : (function(){ var arr=[]; $.ajax({ type : "post", async : false, //同步执行 url : "bar.do", data : {}, dataType : "json", //返回数据形式为json success : function(result) { if (result) { for(var i=0;i<result.length;i++){ console.log(result[i].num); arr.push(result[i].num); } } }, error : function(errorMsg) { alert("不好意思,大爷,图表请求数据失败啦!"); myChart.hideLoading(); } }) return arr; })() } ] }; // 为echarts对象加载数据 myChart.setOption(option); } </script>![图片说明](https://img-ask.csdn.net/upload/201705/24/1495612140_317086.png)

echart图表插件如何同时显示两个label

使用echart插件做柱状图时,我希望在柱状图上同时显示两个label,比如中间显示数据值,顶端显示其他数据

关于百度Echart动态图表的问题

怎样利用百度Echart实现动态图表,麻烦有做过的大神们指点一二

Echart 可视化图表 可编辑

echart图表中,每一个配置项可以编辑,如(大小,颜色,宽高等),使用angular或者vue,希望大神们给个小demo,谢谢

highcharts柱状图x轴刻度线的间距如何调整

其实是想让柱状图的柱子紧靠在一起,网上说用tickPixellnterval和tickinterval这两个属性,但是我试了不起作用。。求大侠们告知一二!

使用echart图表用苹果手机微信扫一扫打开,显示空白,但是直接调用,和在电脑上都正常,求解!

用的echart做图表,不管安卓还是ios微信扫一扫打开,图表都试显示空白,但是拿内置扫描看到的页面显示正常,PC上显示也是正常的。

echart自定义扩展图表类型问题

![图片说明](https://img-ask.csdn.net/upload/201709/22/1506062163_464878.png) 这个自定义地图,我在webstrome里跑的时候,效果如下: ![图片说明](https://img-ask.csdn.net/upload/201709/22/1506062436_198661.png) 我将例子里面的option内容都添加上去了,只是没加它require..json的部分... 是因为没加HK.json还是没加hk.js的原因,所以没有地图绘制呢?

android中引用LineChart图表x轴文字显示不全

android中引用LineChart图表,x轴最右边的文字显示不全,被遮住了,请问有啥解决方法?![图片说明](https://img-ask.csdn.net/upload/201705/23/1495511944_135884.png)

请问flot图表x轴怎么显示时间

请问flot图表x轴怎么显示时间(不显示年月日,只要时分秒)

为什么我的echart图表引入myeclipse后没有动态效果只能加载出静态页面

![图片说明](https://img-ask.csdn.net/upload/201709/13/1505286921_448377.png)

求教如何用echart做出如图所示的图表

要求做成这样的![图片说明](https://img-ask.csdn.net/upload/201908/01/1564641540_700607.png)目前已经做到这样了![图片说明](https://img-ask.csdn.net/upload/201908/01/1564641565_272731.png),导入的是json格式的文件![图片说明](https://img-ask.csdn.net/upload/201908/01/1564641618_843065.png) ,json里面那个catego'ries没有用到,但其他的都导入进来了,目前代码如下 ``` echartmix: function(opts){ var option= { title: { text: '最近一年用户新增趋势' }, tooltip: { trigger: 'axis' }, legend: { type: scroll, data:['月环比增长率','用户月新增量'] }, toolbox: { show: false, feature: { magicType: {show: true, type: ['stack', 'tiled']}, saveAsImage: {show: true} } }, xAxis: { type: 'category', splitLine: { show: false }, data: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'] }, yAxis: [{ type: 'value', name: '用户量', axisTick: { show: false } }, { type: 'value', name: '月环比增长率', axisLabel: { formatter: '{value} %' }, axisTick: { show: false } } ], series: [{ name: '月环比增长率', type: '', data: [], itemStyle: { normal: { color: '#66b7ef' } } }, { name: '用户月新增量', type: '', data: [], itemStyle: { normal: { lineStyle: { color: '#66b7ef' } } } }] }; $.each(opts.columnSeries, function(index, item){ item.type = 'bar'; option.series.push(item) }); $.each(opts.splineSeries, function(index, item){ item.type = 'line'; item.smooth = true; option.series.push(item) }); return option; } ``` 主要难点一是第二个y轴,刻度要从-100%到200%,关键是高度要和那个柱状的月环比增长率对应,就是json里的columnseries,二是整个图表最外侧的那个边框如何删掉,三是上面那个蓝色和橙色的legend,我点蓝色的有反应,legend变灰后下面的柱状消失,但是红色那个点了只是单纯他自己变灰,图表本身没任何变化,是不是我上面legend写的有问题,我真的是被难住了,跪求大佬帮助

echart图表加载 showloading的背景颜色或者背景透明度修改

如题,因为图表设置了比较深的背景色,showloading会覆盖一层淡白色,怎么设置啊

echarts 折线图 折线y轴值太小,导致几乎跟x轴重合 怎么修改提升交互?

echarts 折线图 折线y轴值太小,导致几乎跟x轴重合 怎么修改提升交互?

iReport柱状图怎样实现 X轴标签 的 完全显示?

任何一种实现方式都可以,最好是实现文字自动换行,因为柱子可能很多,如果把柱子宽度设置太大,可能一直浏览不完。 另外,请教一下怎样实现图标的水平滚动。 现在是这样子的:![图片说明](https://img-ask.csdn.net/upload/201602/26/1456475298_455168.jpg)

ECharts条形图如何解决坐标轴溢出

![图片说明](https://img-ask.csdn.net/upload/201812/24/1545616425_474163.png) 如图,两个问题, 一、y轴溢出, 二、y轴标题显示不全 如何解决???急!!!

echarts 多个markLine同一个X坐标,位置不一样

echarts图表中,配置了多个markLine,X轴坐标想多,但出现的位置有偏移。 xAxis type : 'category', ![图片说明](https://img-ask.csdn.net/upload/202005/17/1589679654_350099.jpg) 请大佬们帮忙,谢谢

以时间为x轴得到echarts怎么写

1、按时间段查询,每日登陆数(datagrid 显示,图表显示:柱状图) 2、当天登陆数曲线图(1分钟更新),做到动态填充数据)ajax+timer 这个怎么写??

如何设定X轴在Y轴的某个刻度上,并且小于这刻度的数据显示出来????

![图片说明](https://img-ask.csdn.net/upload/201911/08/1573204384_582147.png) 我这设置了Y轴最大值和最小值,X轴始终在Y轴的最小值上, 要如何才能让X轴放到Y轴的指定某个刻度上。 请大佬们指定迷津,谢谢!

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Linux面试题(2020最新版)

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别?什么是 Linux 内核?Linux的基本组件是什么?Linux 的体系结构BASH和DOS之间的基本区别是什么?Linux 开机启动过程?Linux系统缺省的运行级别?Linux 使用的进程间通信方式?Linux 有哪些系统日志文件?Linux系统安装多个桌面环境有帮助吗?什么是交换空间?什么是root帐户什么是LILO?什...

Linux命令学习神器!命令看不懂直接给你解释!

大家都知道,Linux 系统有非常多的命令,而且每个命令又有非常多的用法,想要全部记住所有命令的所有用法,恐怕是一件不可能完成的任务。 一般情况下,我们学习一个命令时,要么直接百度去搜索它的用法,要么就直接用 man 命令去查看守冗长的帮助手册。这两个都可以实现我们的目标,但有没有更简便的方式呢? 答案是必须有的!今天给大家推荐一款有趣而实用学习神器 — kmdr,让你解锁 Linux 学习新姿势...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

史上最全的 python 基础知识汇总篇,没有比这再全面的了,建议收藏

网友们有福了,小编终于把基础篇的内容全部涉略了一遍,这是一篇关于基础知识的汇总的文章,请朋友们收下,不用客气,不过文章篇幅肯能会有点长,耐心阅读吧爬虫(七十)多进程multiproces...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

85后蒋凡:28岁实现财务自由、34岁成为阿里万亿电商帝国双掌门,他的人生底层逻辑是什么?...

蒋凡是何许人也? 2017年12月27日,在入职4年时间里,蒋凡开挂般坐上了淘宝总裁位置。 为此,时任阿里CEO张勇在任命书中力赞: 蒋凡加入阿里,始终保持创业者的冲劲,有敏锐的...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

新一代神器STM32CubeMonitor介绍、下载、安装和使用教程

关注、星标公众号,不错过精彩内容作者:黄工公众号:strongerHuang最近ST官网悄悄新上线了一款比较强大的工具:STM32CubeMonitor V1.0.0。经过我研究和使用之...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

大学一路走来,学习互联网全靠这几个网站,最终拿下了一把offer

大佬原来都是这样炼成的

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

什么时候跳槽,为什么离职,你想好了么?

都是出来打工的,多为自己着想

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你期望月薪4万,出门右拐,不送,这几个点,你也就是个初级的水平

先来看几个问题通过注解的方式注入依赖对象,介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

立即提问
相关内容推荐