chart: {
height:"300",
width:"600",
type: 'column',
viewBox:"0 0 1000 400"
}
在viewbox
高图表中没有工作。
请给我一个解决方案。
chart: {
height:"300",
width:"600",
type: 'column',
viewBox:"0 0 1000 400"
}
在viewbox
高图表中没有工作。
请给我一个解决方案。
将图表附加到 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 毫秒就可以了。
没有viewBox
Highcharts 这样的东西。
参考:API 文档
要在图表周围创建边框,您可以使用:
chart: {
height:"300",
width:"600",
type: 'column',
borderWidth:1, // around chart
plotBorderWidth:1, // around plot
}