小编Fee*_*fat的帖子

我正在尝试实现这一点：
在 div 内部渲染一个 svg 正方形（w:h = 1:1 矩形），当 div 的宽度大于高度时，正方形应按高度放入容器中（红色框是div，绿色框是 svg 方块）：

当 div 的高度大于宽度时，乡绅应该按宽度适应容器：

可以通过指定svg视口的大小来轻松实现。容器，图像变成：

有没有办法让正方形响应容器高度？这是我的代码：

#main {
  width: 400px;
  height: 100px;
  border: 4px solid red;
}

<div id="main">
  <svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid Meet">
    <rect x="0" y="0" width="100" height="100" fill="green"/>
  </svg>
</div>

我想知道是否有任何方法可以使用Highcharts在金字塔图表中单独设置每个块的边框颜色.

这就是我想要的:

如您所见,每个块的边框颜色不同

但在Highcharts中,我得到的只是一种颜色:https:
//jsfiddle.net/scottszb1987/18009rf1/

series: [{
  name: 'Unique users',
  borderColor: "#333333",
  data: [
    ['Website visits', 15654],
    ['Downloads', 4064],
    ['Requested price list', 1987],
    ['Invoice sent', 976],
    ['Finalized', 846]
  ]
}]