echarts如何将无效数据的前后两个数据进行划线连接

xiaoyuzi 2016-02-24 08:31:35
有熟悉echarts的么,官方网站见
http://echarts.baidu.com/

问题:
将无效数据的前后两个数据进行划线连接(连接的线要与原来线想匹配); echarts中无效数据为'-' , 但是无数据在折线图中表现为折线在该点断开,如果点3,点4,点5中点4为无数据,如何把点3和5连起来
如下图两个点


代码

option = {
tooltip : {
trigger:'item'// 'axis'或'item'
},
legend: {
data:['最高','最低']
},
calculable : true,
dataZoom : {
show : true,
realtime : true,
start : 0,
end : 100
},
xAxis : [
{
type : 'category',
boundaryGap : false,
data : function(){
var list = [];
for (var i = 1; i <= 10; i++) {
list.push('2013-03-' + i);
}
return list;
}()
}
],
yAxis : [
{
type : 'value',
splitArea : {show : true}
}
],
calculable:false,
series : [

{
name:'ceshi',
type:'line',
data:[]
},
{
name:'最高',
type:'line',
data:function(){
var list = [];
for (var i = 1; i <= 10; i++) {
list.push(Math.round(Math.random()* 30));
}
return list;
}()
},
{
name:'最低',
type:'line',
data:function(){
var list = [3,8,16,'-',4,8,9,22,16,9];
return list;
}()
}

]
};

...全文
1936 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
kky0224 2018-01-31
  • 打赏
  • 举报
回复
showAllSymbol: true,
kky0224 2018-01-31
  • 打赏
  • 举报
回复
错了,是connectNulls: true, 这样就不会有断点了,直接连过去了
AngellinaZ 2017-09-18
  • 打赏
  • 举报
回复 1
楼主,你好 我想实现的效果是 无数据时用虚线处理 ,请问一下 改如何实现
lijizeng_dl 2016-02-25
  • 打赏
  • 举报
回复
楼上说的结果是这样的,跟要求不同:
lijizeng_dl 2016-02-25
  • 打赏
  • 举报
回复
当然不行,填充的数据就变成有效数据,就显示出来了。 这个问题已经解决,需要改底层代码,将echarts-map.js中的data堆叠数据方法块中的if (value == '-') {}方法注释掉即可实现。 现在还有两个问题: 1)为了让第一条红线显示数据点,在数据集中增加了一条空线(name:'ceshi')进行占位,有没有更好的实现方式,就是数据集中每一条线都显示数据点; 2)x轴刻度如果太长如何换行显示;比如在原有的日期基础上再增加时分秒,显示的效果为:第一行:年月日;第二行:时分秒
hch126163 2016-02-25
  • 打赏
  • 举报
回复
var list = [3,8,16,'-',4,8,9,22,16,9]; => var list = [3,8,16,0,4,8,9,22,16,9];
  • 打赏
  • 举报
回复
去掉不行?无效数据使用前后2个数据的和/2来填充
   var list = [3, 8, 16, '-', 4, 8, 9,'-', 16, '-'];
    for (var i = 0; i < list.length; i++) {
        if (list[i] == '-') {
            var pre = list[i - 1];
            var next = list[i + 1];
            if (pre !== undefined && next != undefined) {
                list[i] = (pre + next) / 2;
            }
        }
    }

87,995

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧