Javascript 使用css或在背景中使用等矩形贴图投影将贴图设置为背景

Javascript 使用css或在背景中使用等矩形贴图投影将贴图设置为背景,javascript,html,css,svg,d3.js,Javascript,Html,Css,Svg,D3.js,以链接为例。在这个链接中,如何设置像这样的等矩形投影作为背景,或者我可以使用css背景中的地图图像,背景应仅限于X轴上方的图表 .grid .tick { stroke: lightgrey; opacity: 0.7; } .grid path { stroke-width: 0; } .chart { } .main text { font: 10px sans-serif; } .axis line, .axis path { shape-rendering:

以链接为例。在这个链接中,如何设置像这样的等矩形投影作为背景,或者我可以使用css背景中的地图图像,背景应仅限于X轴上方的图表

 .grid .tick {
stroke: lightgrey;
opacity: 0.7;
   }
 .grid path {
  stroke-width: 0;
  }
 .chart {
  }
.main text {
font: 10px sans-serif;
 }
 .axis line, .axis path {
shape-rendering: crispEdges;
stroke: black;
fill: none;
}
circle {
fill: steelblue;
}

我可以用这个代码获得背景信息

          body
          {
          background-image:url("image.png");
          background-repeat:no-repeat;
          } 
然后缩放图表的宽度和高度