高图表中的视图框

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中插入图表。填充本身的数据在初始化后发生，所以10ms很好。

Answer 2

与Highcharts没有viewBox这样的东西。

参考：API Documentation

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

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