css - 高图表中的查看框

Question

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

在viewbox高图表中没有工作。

请给我一个解决方案。

Answer 1

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

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

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

Answer 2

没有viewBoxHighcharts 这样的东西。

参考：API 文档

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

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