echarts折线图 接口拿到的数据为什么会显示两个而且另一个是undefined 5C

图片说明

js代码是这样的图片说明图片说明

打印了option 图片说明是没有别的东西的 为啥就来了一个undefined了呢 求大神指教指教

0

8个回答

你得把接口数据放出来别人才能帮你看啊。
不方便放的话,可以参考我的这个项目 https://github.com/JerryYuanJ/a-vue-app-template/tree/master/src/pages/tool/chart

0

你在 myChart.setOption 这个里面找找,应该是这个范围内,设定的一个值是找不到的。

0
 series里面的data数据没获取够吧
0
qq_35908369
Paula0806 回复qq_35235940: 是只能显示字符串或者数字一类的 而接口给我的是数组 所以会有问题 谢谢啦
大约一年之前 回复
qq_35235940
听楼一夜雨 还有option = { legend: { data: ['']},
大约一年之前 回复

series 里面 值未对应上,需要贴代码 才能帮你看

0
qq_37595946
ArvinWoo 回复qq_35908369: 嗯 弄好就行一般是值 没对应上
大约一年之前 回复
qq_35908369
Paula0806 回复qq_37595946: 一个是日期的数组一个是数量的数组, 我已经弄出来啦 谢谢~
大约一年之前 回复
qq_37595946
ArvinWoo 回复qq_35908369: 你的 user_value.valueArray 和 user_value.dateArray 值 不对应把 你看看值
大约一年之前 回复
qq_35908369
Paula0806 求大神指教~
大约一年之前 回复
qq_35908369
Paula0806 大神指教~
大约一年之前 回复

应该是取值的没有写清楚,你先把后台返回的数据弹出来,然后再看要显示哪一部分数据。

0

应该是接口默认接取2个值,你没有接另一个,也没有隐藏就导致了undefined

0

首先你看系接口返回的数据类型是否是对的,返回的数据没问题的话就去看下setOption里设置数据有没有写错,没代码只能大概的说下咯

0

user_value.valueArray 这个属性定义了吗,如果你用的java配合js的话,看看你的user_value 这个对象模型有valueArray这个属性没有,以及是否重写了toString方法。如果是个js原生对象,就要看看这个对象有没有定义这个属性。

0
qq_35908369
Paula0806 肯定定义了呀,而且已经打印出来了
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ECharts折线图多个折线每次只显示一条
问题 一个折线图中有多条折线。由于折线之间数值范围相差较大(折线A范围[0-50],折线B范围[10000-20000]……),如果用单Y轴来表示,折线的变化趋势不明显。 解决方案 1、最开始想到的是多Y轴方式,每个折线对应一个Y轴 var option = { …… yAxis : [ { ...
解决echarts的叠堆折线图数据出现坐标和值对不上的问题
说一个小bug,解决echarts的叠堆折线图数据出现坐标和值对不上的问题。 在echarts的叠堆折线图中,有这样的一个问题,从后端请求过来的数据是正确的,但是请求的y轴的值和y轴坐标对不上。 这个时候,查看了一下代码,因为是三条折线叠堆,打开代码看了一下属性 发现stack的值都是一样的,因此,出现了这样的bug 解决办法: stack的值修改,每个都不一样,就...
Echarts混合图(柱状图、折线图)倒立对比展示
该文档是用于介绍echarts图形中的柱状图和折线图混合示例,因为官方文档事例中有,这里介绍的是柱状图与折线图Y轴上下对应,折线图正常显示,柱状图倒立展示,共用一个X轴的比较图例情况。
ECharts折线图数据展示错乱
问题 使用echarts对数据进行折线图展示时,第一次数据是正确的,当切换数据,重新setOption时,数据错乱。如图: 第一次点击正确展示 第二次点击数据错乱.png 方案 查询echarts官方文件,有clear方法:清空当前实例,会移除实例中所有的组件和图表。清空后调用 getOption 方法返回一个{}空对象。 验证: ...
echarts 断点连接,两个点中间有空值,折线图就会出现断点
"xAxis": { "type": "category", "boundaryGap": false, "data": ["用药前2天","用药前1天","用药时间","用药后1天","用药后2天"] }, "yAxis": {
echarts图表中的点、柱形或者折线显示不出来,但是有数据的问题解决(另附后台返回数据实例代码)
目前我遇到的暂时有两种情况,一个是版本,一个是require时候配置问题; 版本可以理解,因为引用的echarts.js版本比价低,导致我所画的图出不来;后来换了最新版本的js就好了,直接取官网下载就行; 第二种情况是我对这个api根本不熟悉,只为了完成任务,也没认真看;   require.config({ paths : { 'ec
ECharts 中箱线图计算后数据出现负值的问题
绘制箱线图的时候,用 echarts.dataTool.prepareBoxplotData 这个工具对数据进行计算,可能会出现负值。 引用一下别人的解答 prepareBoxplotData 这个工具方法参考了:https://en.wikipedia.org/wiki/Box_plot,其中,boxplot 的 两个『须』的端点有几个可能的定义,比如...
echarts折线图问题:如下图所示,每次只能显示一条线,使这三条线段互斥
效果图: 解决方案:
echarts折线图最后一位不显示的问题及重影问题
1、echarts折线图最后一位无法显示数据的问题,将xAxis:  boundaryGap: false,改成true就解决了。2、在某些安卓盒子上使用echarts会有重影的问题,将animation改为false就可以了...
echarts图表折线图点击纵向区域获取所有点的数据
echarts图表点击事件:折线图点击纵向区域获取所有点的数据,已经能正式使用,可以下载看看,做参考。
echarts折线图多条折线x轴不同,以及vue中引用
需求:echarts绘制多条折线,x轴间隔不同。效果图:   数据格式分析:因为每条线的x轴不同,所以普通的渲染方式无法实现。解决办法是series的数据格式 -- [ [x,y],[x,y] ].核心代码:1)小技巧--js时间格式化封装    如果没有引es6,可以直接做封装 function(time){}//时间格式化 export const dateconvert = (time) =...
从数据库获取动态数据实现Echarts(多条折线图)
哈哈,来看看我之前写的,https://blog.csdn.net/qq_34266804/article/details/86503471 虽说可以获取数据库的所有数据,但是我不知道怎么把那些的数据根据ID分为不同的List去分类显示,所以只能显示两条折线,第一条折线的数据是正确的,但是第二条折线确实除却第一条数据的所有数据,哈哈哈,真扯,昨天查了一天的资料,全部都是关于“java后台封装op...
Echarts折线图,多条折线的横纵坐标与真实值不符怎么办?
工作中遇到以下问题:Echarts折线堆叠图,多条折线的纵坐标与真实值不符 如下图 经过比对,发现多条折线与实际数据不符合,经过一番折腾,终于找到问题原因: 删除 stack:‘总量‘,完美解决! ...
echarts - 折线图 - 每分钟刷新数据并显示
<!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> <title>每分钟更新</title> </head> <body style="
ajax请求获取数据,前端绘制Echarts折线图
我只绘制折线图,其他的没做 需要引入echarts.js 下载地址:百度的下载链接 前端页面和ajax请求 <!-- 为echarts准备有大小的dom --> <div id="main" style="width: 100%;height:600px;"></div> $
Echarts使用及动态加载图表数据 折线图X轴数据动态加载
 Echarts简介       echarts,缩写来自Enterprise Charts,商业级数据图表,一个纯JavaScript的图表库,来自百度。。。我想应该够简洁了 使用Echarts       目前,就官网的文档显示,使用echarts有两种方式,echarts3之前的版本使用“模块化包引入”,echarts3还可以使用标签引入。例如 模块化包引入:这里的echart
Echarts-折线图-多条线
//企业排名top5根据客车、货车 var optionTwo={ tooltip: { trigger: 'axis', axisPointer: { ...
Echartsjs 柱形图加折线图 启用datazoom,滑动图标之后更新数据,不能覆盖原数据的问题。
1、最近使用echartsjs,有个需求是柱形图和折线图一起绘制,查看当天数据,有个切换的按钮,可以选择按小时查询或者按天查询,按小时查询的数据较多,启动datazoom,鼠标滑动查看。 2、问题复现:初始化按天查看,没有问题,切换之后按小时查看没有问题,滑动查看没有问题,问题出现在,滑动之后,如果要切换回按天查看,按小时查看的折线数据会出现在图标上。 3、解决办法:网上查到的 .setOpt...
Echarts折线图问题(单条折线与多条折线)
参考链接1:https://echarts.baidu.com/echarts2/doc/example.html 官网链接:https://echarts.baidu.com/api.html#echarts 单条显示就没有问题,但是一旦多个折线一起显示,其中两个折线相交的地方图形显示就出现了问题(前一个显示的折线(就叫“折线1”吧)数据没有问题,后一个显示的折线(“折线2”)数据出错,但是...
前后端分离——前端echarts问题记录
在 webpack 中使用 ECharts详见官方文档: http://echarts.baidu.com/tutorial.html#%E5%9C%A8%20webpack%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts 一、JSON.parse对象转换问题 obj = JSON.parse(data)时候报错: SyntaxError: Unexpe...
echarts初始化怎么加载两个折线图
var a=new Array();                 var month=new Array();   $.post('${basePath}/userinfo.do/userInfo',{},   function(data){       for(var i=0;i     a[i]=data.dayaUpLoadCount[i];   }     va
折线图-多条趋势线展示,提示信息显示有值数据且重合点只显示实际值
// 带有预计的折线图,要实现的效果,鼠标悬浮在线上时, // 实际有值,只显示实际值,预计有值,只显示预计值,两者重合的点,显示实际值 // 没有数据的用空代替,必须设置在某一个点数值重合,才能形成完整的曲线 var actal1 = [1, 2, 3, 4, '', '', '']; var predict1 = ['', '', '', 4, 4, 4, 5]; var actal2 ...
ECharts 折线图 数据倒序
ECharts 折线图 数据倒序 1、应用场景 1.后端返回数据,且对数据不好倒序时(比如时间反序)。 2.根据页面的按钮,变换X或Y的坐标轴数据。 2、解决方法 在option中添加 inverse:true option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu',...
echarts曲线不同线段显示不同的颜色
思路:拆分data,将tooltip中trigger设置为item,否则会显示两条曲线的数据series:[[ { name:'模拟曲线', type:'line', data:[11, 11,null] }, { name:'模拟曲线',
echarts 数据异常导致的图表异常
echart数据处理异常
echarts中存在负数数据实现双Y轴对齐
Echarts中存在负数数据实现双Y轴对齐
echarts折线图有两个图例时如何实现分别采用两个不同单位的y轴
(1)做法为在series中添加yAxisIndex: 1,这个就可以,默认为yAxisIndex: 0, (2)下面贴出来完整的代码option = { backgroundColor : 'rgba(43, 62, 75, 0.5)',//背景颜色 title : { text : '引流实体', x : 'center', tex
echart折线图连线不显示问题总结
echart折线图,series动态数据不能有空数据,不然,只有数据点,而连线出不来。
Echarts折线图堆叠,多条折线的纵坐标与真实值不符,问题解决
Echarts折线图堆叠,多条折线的纵坐标与真实值不符,问题解决纵坐标与真实值不符解决方法 纵坐标与真实值不符 小编近日做项目发现,在Echarts官网的“折线图堆叠Demo”,发现小bug。 如图,第一条折线“搜索引擎:932”,而纵坐标的定位却跑到了1500~2000的位置。 解决方法 1.删除series:[] 里面的 stack: ‘总量’。 2.如图: 3.删除后,如图: ...
echarts 折线图随心所欲显示鼠标移动时的信息(万能版本)
1.效果图: code: 3.
echarts数据叠加 数据不正确 问题解决方案
echarts数据叠加问题解决方案问题描述官方回复 问题描述 30的红线为 0 蓝线为52 31的红线为 2 蓝线为50 为什么 52 和 50的连接线 时水平的 不应该是向下的吗 谢谢 我用的是vue 的echarts https://github.com/xlsdg/vue-echarts-v3 官方回复 ...
折线图中,时间单位是天时,同一天的两条数据,在时间轴上展现为两个点,而不是一个点
问题:折线图中,时间单位是天时,同一天的两条数据,在时间轴上展现为两个点,而不是一个点?解决方法:TimeSeriesCollection datas = new TimeSeriesCollection(); Map map = new HashMap(); String temp = "";
echarts图表断点连线的几种解决方案
先上图                                            图一                                                图二可以看到,12号与18号这两天的点连线了,说一下解决方案。方案一:使用dataZoom(与tooltip结合使用时不建议使用)ECharts的普通折线图是不能连接不连续点的,但是当加入dataZoom(...
java实现Echarts折线图历史数据显示(一)
JDBC实现MySQL中的数据上传到前端,经Echarts折线图展示出来。
vue项目中使用echarts 遇到问题总结
需要注意echarts版本不同,部分属性可能有所不同,我用的是echarts4.0. 一、echarts图表自适应问题。 自适应代码 (function (doc, win) {     var docEl = doc.documentElement,         resizeEvt = 'orientationchange' in window ? 'orientationchan
Echarts折线图堆叠,多条折线的纵坐标与真实值不符
这几天做项目时用到了echarts中的折线图堆叠,发现多条折现一起显示会出现纵坐标与真实值不符的情况。 如图,接通量、成交量这些都比电话量的数值少,却都在电话量的上面。   解决方法 1.删除series:[] 里面的 stack: ‘总量’。     删除后纵坐标的值就和原值对应了。...
echarts实时更新动态折线图
echarts jsp实时更新动态折线图 echart以秒为单位的动态时间轴 每隔2秒就会到数据库中以当前时间查询数据;实时插入数据才会显示折线图,如果不插入数据是不会显示折线图
Echarts折线图获取当前显示数据
不知道是打开方式不对还是其他欠缺,感觉Echarts官网提供的Api不完整,挺郁闷的! 话不多说,直接上代码 这是Echarts的滚动条事件,通过滚动动态获取数据 另提醒,其中也包涵了当前显示点的经纬度,如果有自动显示tooltip需求的可以运用
echarts-多折线图
1、问题背景     设计一个折线图,折线图展示苹果、香蕉的销售量2、实现源码 echarts-多折线图 body,html{ width: 99%; height: 99%; font-family: "微软雅黑"; font-size: 12px; } #someline{ width:100%;
echarts实现双y轴,并实现不同的参数使用不同的y轴
需求:折线图实现双y轴,并实现不同的参数使用不同的y轴 方法: 1、yAxis中添加双轴 [{ type: 'value', name: '温度', axisLabel: { formatter: '{value}℃'  } },{ type: 'value', name: '百分比', min: 0, max: 100,  axisLabel: { formatte
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 区块链价格为什么会上涨 echarts教程python