ConnectNulls not connecting to values

Bjodol commented 5 years ago

[x] I am using English in this issue. 在这个 Issue 中我使用了英文（强烈建议）。

General Questions

[x] Required: I have read the document and examples and tried to solve it by myself. （必填）我读过了文档和教程，并且曾试图自己解决问题。
[x] Required: I have searched for similar issues and that didn't help. （必填）我搜索过 issue 但是没有帮助。
[x] Required: I have tried with the latest version of ECharts and still have this problem. （必填）我试过最新版本的 ECharts，还是存在这个问题。

In this issue, I have provided information with: 在这个 issue 中我提供了以下信息：

[x] Required: issue type；（必填）issue 类型
[x] Required: one sentence description in issue details；（必填）一句话的问题描述
[x] Required: demo；（必填）能反映问题的例子（如果你想提问或报 bug）
[x] Required: ECharts version；ECharts 版本

Issue Type

[ ] I have a question to ask about how to use ECharts to ...；我想提问如何使用 ECharts 实现某功能
[x] I have a bug to report；我想要报 bug
[ ] I have a feature to request, e.g.: I'd like a new feature that ...；我需要一个新功能
[ ] I have a feature to enhance, e.g.: The current feature should be improved in the way that ...；我希望改进某个功能
[ ] There's something wrong with the documents；文档有些问题
[ ] Others, or I'm not sure which issue types to choose here；其他，或我不知道应该选什么类型

Issue Details

connectNulls:false is not connecting to non-values.

Expected Behavior

Simple modified screenshot to describe expected behaviour

Even both of the neighbor values are null, there should there be an area beneath the current value.

Current Behavior

Currently only the marker is drawn, and no area is shown beneath it.

Online Example

http://jsfiddle.net/2f67q5yu/

Options:

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [null, null, 901, null, null, null, null],
        type: 'line',
        areaStyle:{color: '#ff00ff'}
    }]
};

Topics

[ ] Legend
[ ] Tooltip
[ ] Event
[ ] Performance
[ ] SVG
[ ] Map
[ ] ECharts GL
[ ] Third-party libraries, e.g.: Vue.js, React

Anything Else We Need to Know

Environment

ECharts version；ECharts 版本: 4.2.0-rc.2
[ ] It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题，请提供相应环境信息：{BROWSER_VERSION_OR_OS_INFORMATION_HERE}

Ovilia commented 5 years ago

You should set connectNulls: true to make it connect nulls
You don't have connectNulls in your demo
It only connects from value to null, which means [null, 1, null, 2] will not have the line from the first data to 1, but will connect between 1 and 2.

Bjodol commented 5 years ago

I don't think you understand what I meant. Given that you have a series of with only one value, and the rest of them null. Then you should still be able to draw that one value. Take the real example where null indicates data loss. Over a time series you have the following: [null, null, null, 100, null, null] (which indicates [dataLoss, dataLoss, dataLoss, DATA!, dataLoss,dataLoss,]) Then you would want to draw the line and area for 100 (DATA!), but not for the rest as you want to highlight that there is no data there. Using connect nulls, will give the user an indication that there actually is data there as the lines would be drawn.

Ovilia commented 5 years ago

@Bjodol Sorry, I can't understand your requirement here.

Even both of the neighbor values are null, there should there be an area beneath the current value.

What does the area mean? And why should it be?

echarts-bot[bot] commented 5 years ago

This issue is closed due to not being active. Please feel free to open it again (for the author) or create a new one and reference this (for others) if you have further questions.

apache / echarts