You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2020/01/09 06:46:19 UTC
[GitHub] [incubator-echarts] VictorCazanave opened a new issue #12007:
Display area below isolated values in line charts
VictorCazanave opened a new issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007
### What problem does this feature solve?
In my current project we use several line charts with `areaStyle` and sometimes there are isolated values (`[..., null, 123, null, ...]`). To make them visible we use `symbol` and it works well.
However we think these isolated values may be hard to see and are not consistent with the design.
We already increased `symbolSize` to make it more visible, but we still would like to show the area below.
Here is what our UX/UI designer suggested:
Would it be possible to implement this feature?
### What does the proposed API look like?
I'm not sure what would be the best API for this feature:
- a new option `symbolAreaStyle: {...}`
- a new option in `areaStyle: { alwaysShow: true }`
- ...
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] github-actions[bot] closed issue #12007: Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
github-actions[bot] closed issue #12007:
URL: https://github.com/apache/echarts/issues/12007
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] VictorCazanave commented on issue #12007:
Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
VictorCazanave commented on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-573981254
Thanks @pissang for this clever workaround!
However there is still an issue because I use the `dataZoom` feature and the series' type doesn't change after zooming.
For example:
* Initial state:
* Zooming to select only isolated values:
* Expect only bars but still show line's symbol:
Is there a way to fix this issue?
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] Ovilia commented on issue #12007: Display area
below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-574529561
@VictorCazanave Can you provide a simple demo here? https://jsfiddle.net/ovilia/n6xc4df3/
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] pissang edited a comment on issue #12007:
Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
pissang edited a comment on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-573059595
Hi @VictorCazanave
Perhaps you can try to filter out data with `null` siblings and use a `bar` series to draw it. for example
```js
series: [{
type: 'bar'
data: data.filter((val, idx) => {
return idx > 0 && idx < data.length - 1
&& data[idx - 1] == null && data[idx + 1] == null
? val // Display bar if value has null siblings
: '-' // Not display bar for other values
})
]}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #12007:
Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-572416194
Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.
In the meanwhile, please make sure that **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://echarts.apache.org/option.html) to get the answer.
If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.
If you are interested in the project, you may also subscribe our [mail list](https://echarts.apache.org/en/maillist.html).
Have a nice day! 🍵
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] VictorCazanave commented on issue #12007:
Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
VictorCazanave commented on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-574557432
Yes of course! https://jsfiddle.net/po0zraun/42/
I guess it may be possible to re-calculate the series data listening to the `datazoom` event 🤔
If you think it's a good way, I can try it when I have time.
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] VictorCazanave commented on issue #12007:
Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
VictorCazanave commented on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-582830780
Thanks for your feedback @pissang !
I tried the `clip` option but it didn't fix my issue. Perhaps I didn't explain it very clearly.
In [my example](https://jsfiddle.net/po0zraun/42/), after zooming like that:
There are 2 isolated values, but the 1st one is still displayed as a point of the line series:
I would like the 1st value (which became isolated after zooming) to be displayed as a bar like the 2nd value (which was already isolated).
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] github-actions[bot] commented on issue #12007: Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
github-actions[bot] commented on issue #12007:
URL: https://github.com/apache/echarts/issues/12007#issuecomment-1037479356
This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] github-actions[bot] closed issue #12007: Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
github-actions[bot] closed issue #12007:
URL: https://github.com/apache/echarts/issues/12007
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] pissang commented on issue #12007: Display area
below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
pissang commented on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-573059595
Hi @VictorCazanave
Perhaps you can try to filter out data with `null` siblings and use a `bar` series to draw it. for example
```js
series: [{
type: 'bar'
data: data.filter((val, idx) => {
return idx > 0 && idx < data.length - 1 && data[idx - 1] == null && data[idx + 1] == null
? val // Display bar if value has null siblings
: '-' // Not display bar for other values
})
]}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] pissang edited a comment on issue #12007:
Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
pissang edited a comment on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-573059595
Hi @VictorCazanave
Perhaps you can try to filter out data with `null` siblings and use a `bar` series to draw it. for example
```js
series: [{
type: 'bar'
data: data.filter((val, idx) => {
return idx > 0 && idx < data.length - 1
&& data[idx - 1] == null && data[idx + 1] == null
? val // Display bar if value has null siblings
: '-' // Not display bar for other values
})
]}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] github-actions[bot] commented on issue #12007: Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
github-actions[bot] commented on issue #12007:
URL: https://github.com/apache/echarts/issues/12007#issuecomment-1037479356
This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] pissang edited a comment on issue #12007:
Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
pissang edited a comment on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-573059595
Hi @VictorCazanave
Perhaps you can try to filter out data with `null` siblings and use a `bar` series to draw it. for example
```js
series: [{
type: 'bar'
data: data.map((val, idx) => {
return idx > 0 && idx < data.length - 1
&& data[idx - 1] == null && data[idx + 1] == null
? val // Display bar if value has null siblings
: '-' // Not display bar for other values
})
]}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] VictorCazanave edited a comment on issue
#12007: Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
VictorCazanave edited a comment on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-574557432
Yes of course! https://jsfiddle.net/po0zraun/42/
I guess it may be possible to re-calculate the series data listening to the `datazoom` event 🤔
If you think this is a good way, I can try to do it.
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] pissang commented on issue #12007: Display area
below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
pissang commented on issue #12007: Display area below isolated values in line charts
URL: https://github.com/apache/incubator-echarts/issues/12007#issuecomment-580635495
Hi @VictorCazanave . Sorry for the late reply.
I can't reproduce the issue from your link.
I guess it's caused by the `clip` option of bar series. You can try setting it false.
```js
{
type: 'bar',
clip: false
}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] github-actions[bot] commented on issue #12007: Display area below isolated values in line charts
Posted by GitBox <gi...@apache.org>.
github-actions[bot] commented on issue #12007:
URL: https://github.com/apache/echarts/issues/12007#issuecomment-1030698708
This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org