Css 高级图表中的视图框

视图框

在高位图表中不工作

---

请给我一个解决方案。

没有带Highcharts的

viewBox

参考：

要在图表周围创建边框，可以使用：

chart: {
      height:"300",
      width:"600",              
      type: 'column',
      viewBox:"0 0 1000 400" 
   }

---

将图表附加到DOM后。它是一个SVG节点元素，您可以在其上设置如下属性：

chart: {
      height:"300",
      width:"600",              
      type: 'column',
      borderWidth:1, // around chart
      plotBorderWidth:1, // around plot
   }

---

超时是为了确保highcharts有时间在DOM中插入图形。数据填充本身发生在初始化之后，因此10毫秒就可以了

Viewbox在Highcharts中不可用。所有参数在这里都可用@jem:您应该接受有用的答案。它也有助于建立回购协议。

setTimeout(function() {
    var highchart = document.querySelector(".highcharts-container svg:last-of-type");
    highchart.setAttribute("viewBox", "0 0 1324 400");
}, 10);