百度的echartsd折线图有没有遇过断点的问题？

理由
举报 取消

刚用echarts，遇到一个问题：百度的echarts折线图有没有遇过断点的问题？例如:坐标轴是0-14，line1是用到坐标轴6-10，line2是用到2-9，第二种情况是中间坐标轴数据点缺失，线分段的情况？现状貌似默认不支持的。 目前是：以设0 为默认值的方式，但对数据不算太合理（因为数据没有这个点）。设null会报JS空指针。如何解决？

2017年10月6日 3 条回复 858 次浏览
用户头像

发起人：小熊Johnson 初入职场

前端工程师，大疆DJI，购买飞机可以私信咨询。

回复 ( 3 )

  1. 展翅高飞
    展翅高飞 初入职场
    0
    举报 回复
    理由
    举报 取消

    这个文档里面有说明的，可以在断点的时候，把data设置为“-”，比如这样

    [12, '-', 56,10, 23]，记住0也是数据，没有数据用"-"代替，
但是echart自身有缺陷，就是没有数据的时候会有一个小黑点，
有多少没有数据，全部为“-”
  2. 菜菜
    菜菜 初入职场
    0
    举报 回复
    理由
    举报 取消

    怎么把断点显示的那个小黑点去掉？

  3. Jack Yan
    Jack Yan 初入职场
    0
    举报 回复
    理由
    举报 取消

    在echars2中修改_buildHorizontal函数中代码可以解决

    for (var sId in curPLMap) {
                if (curPLMap[sId].length > 0) {
                    this.finalPLMap[sId] = this.finalPLMap[sId] || [];
                    this.finalPLMap[sId].push(curPLMap[sId]);
                    curPLMap[sId] = [];
                }
            }
            //折线图断点连接
            for (var sId in curPLMap) {
                if(this.finalPLMap[sId].length>0){
                    for(var j=1;j<this.finalPLMap[sId].length;j++){
                        this.finalPLMap[sId][0]=this.finalPLMap[sId][0].concat(this.finalPLMap[sId][j]);
                        //this.finalPLMap[sId][j]=[];
                        //delete this.finalPLMap[sId][j];
                    }
                }
            }
            this._calculMarkMapXY(xMarkMap, locationMap, 'y');
            this._buildBorkenLine(seriesArray, this.finalPLMap, categoryAxis, 'horizontal');

我来回答

Captcha 点击图片更换验证码