javascript - 响应式 JustGage JAUGE

标签 javascript svg raphael justgage

有人知道如何使 JustGage 对象响应吗? 请检查下面的链接,我用 raphael 解决了这个问题,但无法用 JustGage 做同样的事情:

window.onload = function () {
  var g1 = new JustGage({
    id: "g1",
    value: getRandomInt(0, 4000),
    min: 0,
    max: 4000,
    title: "Well over thousand",
    label: ""
  });
}

http://jsfiddle.net/ugFmE/

最佳答案

只需将 relativeGaugeSize: true 添加到您的代码

无需固定高度

#g1 {
    /* width: 400px; */
    /* height:300px; */
}

脚本

var g1 = new JustGage({
  id: "g1", 
  value: getRandomInt(0, 4000), 
  min: 0,
  max: 4000,
  title: "Well over thousand",
  label: "",
  relativeGaugeSize: true
});

http://jsfiddle.net/ugFmE/10/

关于javascript - 响应式 JustGage JAUGE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17240465/

相关文章:

javascript - 拉斐尔图标大小

html - SVG 的宽度和高度作为 float

javascript - 使用帧计时器的 Raphaël 动画

javascript - 如何将数组从一个html传递到另一个html页面?

JavaScript - 如何将多个嵌套数组中的所有对象放入一个新的唯一对象数组中

svg - 在 OpenLayers 中使用 SVG 图标作为标记

javascript - 点击事件不会在点击时触发?

html - SVG 矩形与 div 与 Canvas

javascript通过脚本标签定义范围?

javascript - 在angularjs html模板中的哪里添加<head>元素?