【问题标题】:Set Chartkick line chart to be square将 Chartkick 折线图设置为方形
【发布时间】:2016-09-03 05:26:45
【问题描述】:

无论屏幕大小如何,我都需要 Chartkick 折线图始终为方形。我知道我可以直接输入宽度和高度,但是如果我输入 400x400 ,无论屏幕分辨率是多少,它总是那个大小。但我需要它来响应。

【问题讨论】:

  • 对于响应式图表,您需要监听 resize 事件并相应地重新绘制图表,这是一个有效的 JavaScript 示例 --> Resizing google visualization

标签: css ruby-on-rails charts google-visualization chartkick


【解决方案1】:

对于响应式,您必须使用响应式样式表。

示例:http://www.w3schools.com/html/html_responsive.asp

我还有另一个建议获取窗口大小并根据窗口大小调整图表。

$(document).ready(function(){
	alert($(window).width());
  alert($(window).height());
});
 <script src="//code.jquery.com/jquery-1.10.2.js"></script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多