question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

connectnulls not working properly with step chart

See original GitHub issue

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 [其他信息]

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
cuijian-dextercommented, Oct 12, 2018

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

0reactions
vimalraj-ponnusamycommented, Feb 21, 2019

@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

Read more comments on GitHub >

github_iconTop Results From Across the Web

connectnulls not working properly with step chart #8921 - GitHub
One-line summary [问题简述] chart data with null for step charts. if we connect nulls using connectNulls property, it is showing as line ...
Read more >
[GitHub] vimalraj-ponnusamy opened a new ... - The Mail Archive
vimalraj-ponnusamy opened a new issue #8921: connectnulls not working properly with step chart URL: https://github.com/apache/incubator-echarts/issues/8921 ...
Read more >
plotOptions.series.connectNulls | highcharts API Reference
For some series, there is a limit that shuts down animation by default when the total number of points in the chart is...
Read more >
Highcharts connectNulls with dotted line - Stack Overflow
I'll explain: At first, we use 2 variables plotleft and plotTop which hold the values for the charts actual position relatively to the...
Read more >
the C3 reference - C3.js | D3-based reusable chart library
connectNull ; line.step.type ... The padding on the right of the chart. ... Note that this will not work if loading via the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found