Anychart.Timeline:缩放会移动具有 margin-left/margin-right != 0 的容器上的图表。
创始人
2024-08-22 09:30:10
0

要解决Anychart.Timeline中缩放会移动具有margin-left/margin-right != 0的容器上的图表的问题,可以通过以下代码示例来解决:

首先,可以使用CSS样式来设置容器的margin-left和margin-right为0,以确保图表不会被移动:

#chart-container {
  margin-left: 0;
  margin-right: 0;
}

接下来,使用Anychart.Timeline的resize()方法来重新调整图表的大小,以适应容器的新尺寸:

// 获取图表容器
var chartContainer = document.getElementById('chart-container');

// 创建Anychart.Timeline实例
var chart = anychart.timeline();

// 绘制图表
chart.container(chartContainer);
chart.draw();

// 监听窗口大小调整事件
window.addEventListener('resize', function() {
  // 设置容器的margin-left和margin-right为0
  chartContainer.style.marginLeft = '0';
  chartContainer.style.marginRight = '0';

  // 调整图表大小
  chart.resize();
});

在上面的代码示例中,首先获取图表容器的引用,然后创建Anychart.Timeline实例并将其绘制在容器上。然后,通过监听窗口大小调整事件来重新调整图表的大小。在调整大小时,首先将容器的margin-left和margin-right设置为0,然后调用chart.resize()方法来重新调整图表的大小。

通过上述代码示例,可以确保缩放不会移动具有margin-left/margin-right != 0的容器上的图表。

相关内容

热门资讯

黑科技科技(微扑克辅助工具怎么... 黑科技科技(微扑克辅助工具怎么下载)外挂黑科技辅助教程(透视)都是是真的有挂(黑科技技巧)1)微扑克...
黑科技辅助(微扑克)辅助手机(... 1、黑科技辅助(微扑克)辅助手机(辅助挂)辅助手机(切实是有挂);代表性(透视辅助软件透明挂)高科技...
透视有挂(Wpk)透手牌测试(... 透视有挂(Wpk)透手牌测试(黑科技)透视辅助购买渠道(竟然是有挂)是一款可以让一直输的玩家,快速成...
黑科技辅助(wpk有平衡机制吗... 黑科技辅助(wpk有平衡机制吗)外挂透视辅助器(透视)其实真的是有挂(黑科技脚本);1、完成wpk有...
黑科技工具(wePoke)辅助... 黑科技工具(wePoke)辅助(黑科技)软件透明演示(其实真的有挂)1、ai机器人多个强度级别选择2...
黑科技代打(wpk透视外挂会怎... 黑科技代打(wpk透视外挂会怎么样)外挂透明挂辅助app(透视)确实真的有挂(黑科技细节)1、点击下...
可靠辅助(微扑克)ai机器人(... 可靠辅助(微扑克)ai机器人(辅助挂)辅助软件(一贯是有挂)1、不需要AI权限,帮助你快速的进行计算...
黑科技教学(wepoke辅助使... 黑科技教学(wepoke辅助使用方法)外挂透明挂辅助插件(透视)其实是真的有挂(黑科技规律);1、游...
透视苹果版(wpK)透视辅助工... 透视苹果版(wpK)透视辅助工具的使用教程(黑科技)透视辅助(总是存在有挂)(1)透视苹果版(wpK...
黑科技科技(德州ai辅助有用吗... 黑科技科技(德州ai辅助有用吗)外挂黑科技辅助插件(透视)确实真的是有挂(黑科技教程);1、德州ai...