connectnulls not working properly with step chart
See original GitHub issueOne-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:
- Created 5 years ago
- Comments:6 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It’s
series[i].connectNulls
instead ofseries[i].data[0].connectNulls
.@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