Highcharts-销毁图例后重新绘制/调整图表大小
Highcharts - Redraw/Resize chart after destroying legend?
我正在动态构建几个图表,其中一些图表我使用chart.legend.dedestroy()删除了图例。我尝试过chart.reflow()和chart.repraw,但这些图表不会自行"改装",并保持相同的大小,就好像图例仍然存在一样。
这有点复杂。
你可以摧毁传说,但Highcharts没有意识到它需要为丢失的传说重新调整。因此,您需要将其显示设置为false
。但现在Highcharts没有意识到它是dirty
,所以它不会重新绘制。所以…
var chart = Highcharts.charts[0];
chart.legend.destroy();
chart.legend.display = false;
chart.isDirtyBox = true;
chart.redraw();
请参阅此处的示例。
您可以像示例中那样调用setSize:
if(legend.display) {
chart.setSize(600,400);
legend.group.hide();
legend.display = false;
} else {
chart.setSize(500,400);
legend.group.show();
legend.display = true;
}
http://jsfiddle.net/3Bh7b/61/
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 调整窗口大小时,可拖动的对象会出现在容器外部
- ExtJS——在展开/折叠时调整面板高度
- 使用 JavaScript 绘制到 HTML5 画布时调整.png图像的大小
- Highcharts-销毁图例后重新绘制/调整图表大小
- 如何避免在调整宽度时重新绘制dom
- 在父容器上重新绘制谷歌地图,调整大小
- ChartJS赢得't在引导选项卡中绘制图形,直到窗口调整大小
- d3 -如何调整从完整的美国clipPath绘制的单个州地图的大小
- 用鼠标绘制路径和调整大小
- 画布元素,绘制圆调整大小
- HTML5响应画布:调整浏览器画布大小,绘制消失
- 绘制条形图后的条形顺序调整
- 我们如何在html5画布上绘制调整大小的图像
- 调整和移动在画布上绘制的矩形
- 仅在调整窗口大小时绘制的文本
- 调整大小后在画布上绘制
- Highchart-调整窗口大小后重新绘制图表
- 高图线不会被绘制,直到浏览器调整大小