jquery – 将D3.js CSS样式转换为内联样式

我有两种类型的图表,我试图导出.我正在使用SVG Crowbar,它在Chrome中运行良好,但在Firefox中它不会导出CSS(我只是不打扰IE).我决定将所有CSS转换为内联样式.但是,我遇到了2个问题(每个图表有1个问题).

在条形图中,我似乎无法应用“笔画：黑色”;仅限轴,而不是轴标签. “笔画：黑色”使标签模糊,没有吸引力.这是问题的JSfiddle：http://jsfiddle.net/UK8bw/10/.这是轴/标签的代码.我试图将它们分开,没有成功.我在CSS部分留下了相关的CSS注释.

svg.append("g")
    .attr("class","xAxis")
    .attr("fill","none")
    .attr("stroke","black")
    .style("shape-rendering","crispEdges")
    .attr("transform","translate(0," + height + ")")
    .call(xAxis)
    .SELEctAll("text")
    .style("text-anchor","end")
    .attr("dx","-.6em")
    .attr("dy","-0.195em")
    .attr("transform",function (d) {
        return "rotate(-90)"
    });  

svg.append("g")
    .attr("class","yAxis")
    .attr("fill","black")
    .attr("shape-rendering","crispEdges")
    .call(yAxis)
    .append("text")
    .attr("transform","rotate(-90)")
    .attr("y",6)
    .attr("dy",".71em")
    .style("text-anchor","end")
    .text("Y-Axis Label");

我也有一个饼图.我设法将所有CSS样式转换为内联样式,但是我遇到了一个新问题.图例和图表本身显示在两个不同的SVG上.因此,我不能将它们都下载到一个文件中.有没有办法在同一个SVG上显示图表和图例？这是一个JSfiddle：http://jsfiddle.net/NYEaX/7/

svg.append("g")
  .attr("class","xAxis")
  .attr("fill","none")
  .attr("stroke","black")
  .style("shape-rendering","crispEdges")
  .attr("transform"," + height + ")")
  .call(xAxis)
  .SELEctAll("text")
  .style("fill","black")
  .style("stroke","none")
  .style("text-anchor","end")
  .attr("dx","-.6em")
  .attr("dy","-0.195em")
  .attr("transform",function (d) {
    return "rotate(-90)"
  });