X Axis Text Blury

[srlm-io]

On my graphs the x axis text was appearing blurry. The root cause is the style:

.rickshaw_graph .x_ticks_d3 .tick {
    stroke: rgba(0, 0, 0, 0.16);
    stroke-width: 2px;
    shape-rendering: crisp-edges;
    pointer-events: none;
}

To get rid of the blurriness it should be:

.rickshaw_graph .x_ticks_d3 .tick {
    stroke: none;
    stroke-width: 2px;
    shape-rendering: crisp-edges;
    pointer-events: none;
}

But then it removes (hides) the X tick marks. Is there any way to not have blurry text but still have the tick marks?

[ngfrey]

The way I found that makes the axis text appear crisp is to use a stroke-width of 0 and set something like: fill:grey; stroke-width: 0;

Hopefully this helps. Best, NF