Comments (4)
@msmart I need the HTML+CSS to help you.
See more info about stacked charts at https://chartscss.org/components/stacked/
from charts.css.
The overlap happens in cases there is one dominating data point. See example below. This is not a bug. It's expected behavior. But I was just wondering what the common workaround for this situation would be to ensure readability of the data information.
<table class="charts-css column multiple show-data-on-hover show-heading show-labels show-primary-axis show-3-secondary-axes data-spacing-10 stacked" style="height:200px">
<tbody>
<tr>
<th scope="row">21-02-08</th>
<td style="--size: calc( 496/ 515 )"><span class="data">496</span></td>
<td style="--size: calc( 10/ 515 )"><span class="data">10</span></td>
<td style="--size: calc( 3/ 515 )"><span class="data">3</span></td>
<td style="--size: calc( 2/ 515 )"><span class="data">2</span></td>
</tr>
</tbody>
</table>
from charts.css.
I would do this differently, replace your .data
element with a .tooltip
.
But because you are using .stacked
chart it won't work.
from charts.css.
thanks for your support! This worked for our use case!
from charts.css.
Related Issues (20)
- v1.0.1 seems not compatible with 0.9.0 HOT 4
- Data label upright on pie charts HOT 2
- Second axes breaks Firefox B&W printing
- Replace color-adjust with print-color-adjust
- hidden 'data' in 'area'
- Pie chart tooltip HOT 4
- Avoid spacing in area charts
- Donut pie charts HOT 1
- Pie charts don't support advanced colors
- Divide CSS file in smaller packages?
- Overlapping Bar and Column Chart HOT 1
- Grouped stacked columns
- What are the hurdles to getting pie charts added? HOT 5
- Is there a way to make line thickness uniform for line charts? HOT 5
- Line gets clipped in line chart when value is 100% HOT 4
- Enhancement idea: Can we improve things with css `attr` values? HOT 1
- Scatterplots HOT 1
- Table Data Cells <td> interfering with responsive Table <table> elements (Safari v15 MacOS)
- Absence of percentage label in pie charts
- Which browsers are supported? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from charts.css.