Skip to content

C
c3-closed
Commit 009d4c76 authored by Peter Göbel's avatar Peter Göbel
Browse files
Options

charts now look much sharper

To get everything looks sharper, move the main container 0.5 pixels in each direction. It's a known issue on D3 (check http://mbostock.github.io/d3/tutorial/bar-2.html). Half-pixel offsets disable anti-aliasing. Additionally, some values gets rounded and some elements get sharpened by CSS. Know bugs: - grid-lines sometimes have an offset of 1px - does not work after windows.resize
parent 887bc4cf
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 8 additions and 0 deletions
c3.css
View file @ 009d4c76
...@@ -13,6 +13,14 @@ ...@@ -13,6 +13,14 @@
user-select: none; user-select: none;
} }
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
shape-rendering: crispEdges;
}
.c3-chart-arc path { .c3-chart-arc path {
stroke: #fff; stroke: #fff;
......
c3.min.js
View file @ 009d4c76
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment