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 2022/06/03 16:17:11 UTC
[GitHub] [echarts] nhhaidee opened a new issue, #17153: Overflow Scroll for Echarts Containers
nhhaidee opened a new issue, #17153:
URL: https://github.com/apache/echarts/issues/17153
### What problem does this feature solve?
I would like to implement Overflow Scroll for charts as in picture
e
### What does the proposed API look like?
An API that allows user to implement Overflow Scroll for Echarts Containers
--
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.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] plainheart commented on issue #17153: Overflow Scroll for Echarts Containers
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17153:
URL: https://github.com/apache/echarts/issues/17153#issuecomment-1146797678
Can't it work if you set `overflow: auto` for the parent container?
--
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] nhhaidee commented on issue #17153: Overflow Scroll for Echarts Containers
Posted by GitBox <gi...@apache.org>.
nhhaidee commented on issue #17153:
URL: https://github.com/apache/echarts/issues/17153#issuecomment-1148740512
@plainheart In your example, I think you initialized 18 chart instances so css `overflow` works correctly.
However, with our tool we initialize only 1 chart instance and sub charts are arranged in grid configuration (see below code), so I think CSS overflow does not works for our case
```
function getFluGrids(samples, segments) {
let grids = [];
let padTop = 4.0; // Percentage
let horizontalOffset = 4.0;
let verticalOffset = 6.0;
let padLeft = 4.0;
let plotHeight = 90.0;
let samplePlotHeight = (plotHeight - padTop)/samples.length - verticalOffset;
let samplePlotWidth = (100.0 - padLeft)/segments.length - horizontalOffset;
if (samplePlotWidth < 15.0){
samplePlotWidth = 15.0
}
for (let i = 0; i < samples.length; i++){
for (let j = 0; j < segments.length; j++){
grids.push({
show: true,
top: padTop + i * (samplePlotHeight + verticalOffset) + '%',
height: samplePlotHeight + '%',
left: padLeft + j * (samplePlotWidth + horizontalOffset) + '%',
width: samplePlotWidth + '%',
borderColor: 'red'
});
}
}
return grids;
}
```
--
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] nhhaidee commented on issue #17153: Overflow Scroll for Echarts Containers
Posted by GitBox <gi...@apache.org>.
nhhaidee commented on issue #17153:
URL: https://github.com/apache/echarts/issues/17153#issuecomment-1146917006
@plainheart I could not find echarts option `overflow: auto`, can you let me know where I can find it
I have tried either bootstrap `overflow-scroll` or `overflow-auto` but it does not work
` <div class="tab-pane show active overflow-scroll" id="chart-pane" role="tabpanel">
<div class="container-fluid" id="chart"></div>
</div>
`
I am not sure if Echarts supports overflow containers for this moment or not?
--
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] plainheart commented on issue #17153: Overflow Scroll for Echarts Containers
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #17153:
URL: https://github.com/apache/echarts/issues/17153#issuecomment-1146922992
It's not an option of ECharts but is a CSS property. I just made an online demo for your reference.
https://codepen.io/plainheart/pen/LYQBdzN
--
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] nhhaidee commented on issue #17153: Overflow Scroll for Echarts Containers
Posted by GitBox <gi...@apache.org>.
nhhaidee commented on issue #17153:
URL: https://github.com/apache/echarts/issues/17153#issuecomment-1146923560
@plainheart Thank you. I will try and let you know the results, it will be wonderful if it works
--
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