connectnulls not working properly with step chart

vimalraj-ponnusamy
创建于
2018-08-22 12:29:54

One-line summary [问题简述]

chart data with null for step charts. if we connect nulls using connectNulls property,
it is showing as line chart not as step chart

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]:
  • Browser version [浏览器类型和版本]:
  • OS Version [操作系统类型和版本]:

It should show as step chart

Expected behaviour [期望结果]

ECharts option [ECharts配置项]

option = {
    title: {
        text: 'Step Line'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['Step Start', 'Step Middle', 'Step End']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'Step Start',
            type:'line',
            step: 'start',
            connectNulls:true,
            data:[120, null, 101, 134, 90, 230, 210]
        },
        {
            name:'Step Middle',
            type:'line',
            step: 'middle',
             connectNulls:true,
            data:[220, 282, 201, 234, null, 430, 410]
        },
        {
            name:'Step End',
            type:'line',
            step: 'end',
             connectNulls:true,
            data:[450, 432, 401, null, 590, 530, 510]
        }
    ]
};

Other comments [其他信息]

6条回答
cuijian-dexter
回复于
2018-10-12 03:57:38
#1

It's series[i].connectNulls instead of series[i].data[0].connectNulls.

vimalraj-ponnusamy
回复于
2018-10-16 10:10:18
#2

Data Sample also series[i].connectNulls only right ? Its not series[i].data[0].connectNulls.

cuijian-dexter
回复于
2018-10-16 10:14:26
#3

@vimalraj-ponnusamy connectNulls is effective for all data

vimalraj-ponnusamy
回复于
2018-11-09 09:08:38
#4

@cuijian-dexter can you give the correct example for the same

cuijian-dexter
回复于
2018-11-09 09:26:53
#5

@vimalraj-ponnusamy

option = {
    title: {
        text: 'Step Line'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['Step Start', 'Step Middle', 'Step End']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'Step Start',
            type:'line',
            step: 'start',
            data:[{
                value:120
            },{
                value:null,
                connectNulls:true,
            },{
                value:101
            },{
                value:134
            },{
                value:90
            },{
                value:230
            },{
                value:210
            }]
        }
    ]
};

vimalraj-ponnusamy
回复于
2019-02-01 04:52:17
#6

@cuijian-dexter @Ovilia
still not working nulls are not getting connected,
it is the data given by you.
i also tried adding the connectnulls to all data, but still same result

attached the image for your reference
capture

当前位于第1页,总计6 条回复

推荐相似问题

现在gallery所有例子都被清空了?

One-line summary [问题简述] http://gallery.echartsjs.com 打开无实例。 具体图表页面如 http://gallery.echartsjs.com/editor.html?c=xryHrMdE2
讨论数 3
incubator-echarts
创建时间:2018-08-22 07:55:24

折线图堆叠数据(series)必须排序后才能使用, 否则图表渲染混乱

One-line summary [问题简述] 如果series数组中**第一项的第一个点数值大到某个值(与其他项相同Y轴最大值至少相等,暂无其他规律)折线图图表渲染出现混乱 Version & Environment [版本及环境] EC
讨论数 3
incubator-echarts
创建时间:2018-08-21 18:09:24

scatter3D图形中默认的tooltip无法取消

One-line summary [问题简述] scatter3D的官方实例中,encode里面有个tooltip(默认对应最后一个维度)无法修改和取消,如果在series之外设置tooltip的话,两个tooltip会共存。 Versio
讨论数 2
incubator-echarts
创建时间:2018-08-21 08:37:34

gl 实例页面打不开

gl 加载特别慢,加载完了也出不来,控制台报错!!!!!!!!!!!!!!!
讨论数 4
incubator-echarts
创建时间:2018-08-21 07:34:01

横纵坐标轴相同单位的笛卡尔坐标系

One-line summary [问题简述] 我有一组点数据,用来在折线图上画圆,但是当窗口尺寸变化的时候,圆也跟这变形了,或者你们有什么办法可以在折线图上画一个可以支持缩放的正圆,谢谢。 你们可能还需要重写window.onresize
讨论数 2
incubator-echarts
创建时间:2018-08-21 03:22:27

Sunburst with defined levels has weird behavior when drill down

One-line summary [问题简述] 可以用 sunburst demo 重现问题: http://echarts.baidu.com/examples/editor.html?c=sunburst-book, 点击"心理" 节点
讨论数 3
incubator-echarts
创建时间:2018-08-21 03:15:22

双y轴曲线,但x轴刻度不一样

One-line summary [问题简述] 想实现双y轴曲线,但是两条线的x轴刻度不一样,比如第一条线只有在x轴是2,4,6,8,9,10下有数值,而第二条线只有在1,2,5,7,9下有数值,这样的两天曲线可以用双y轴表示吗? Vers
讨论数 2
incubator-echarts
创建时间:2018-08-21 02:22:32

gauge组件的axisLabel属性下,设置文本相关字段配置:color/fontSize/fontWeight时无效;axisLabel.textStyle下设置才有效

One-line summary [问题简述] gauge组件的axisLabel属性下,设置文本相关字段配置:color/fontSize/fontWeight时无效;axisLabel.textStyle下设置才有效 Expected
讨论数 3
incubator-echarts
创建时间:2018-08-20 11:09:17

广东地图热力图会出现个直角

One-line summary [问题简述] 在广东地图上做热力图,有在茂名湛江附近会出现个透明的直角,换成气泡又可以显示,想问下是热力图的bug吗 Version & Environment [版本及环境] ECharts versio
讨论数 3
incubator-echarts
创建时间:2018-08-20 11:00:00

datazoom走势与折线图走势不一致

One-line summary [问题简述] 折线图x轴类型设为'time',时间点不均匀 xAxis: { type: 'time', }, datazoom显示的走势与折线实际走势不一致,需要对datazoom进行什么配置才能让dat
讨论数 2
incubator-echarts
创建时间:2018-08-20 09:15:17