javascript - 响应式 JustGage JAUGE

Question

有谁知道如何让 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/

Answer 1

只需将 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/