标签: justgage

我试图让我的仪表按扇区显示颜色(即在var g1上我想要绿色0-10,橙色11-22和红色23-34).

有一个选项可以做,但没有明确的指示像我这样的新手.

任何帮助,将不胜感激.

http://www.justgage.com

<script>
  var g1 = new JustGage({
    id: "score", 
    value: <?php
print $content['field_anger_score'][0]['#markup'];
?>, 
    min: 0,
    max: 34,
    title: "Your Anger Score",
levelColorsGradient: false
  }); 
 var g2 = new JustGage({
    id: "passive-aggressive", 
    value: <?php
print $content['field_passive_aggressive_score'][0]['#markup'];
?>, 
    min: 0,
    max: 14,
    title: "Passive Aggressive"
  }); 
var g3 = new JustGage({
    id: "aggressive", 
    value: <?php
print $content['field_aggressive_score'][0]['#markup'];
?>, 
    min: 0,
    max: 6,
    title: "Aggressive"
  }); 
var g4 = new JustGage({
    id: "assertive", 
    value: <?php
print $content['field_assertive_score'][0]['#markup'];
?>, …

我用 javascript 编写了一些函数，并将它们放在一个单独的 JS 文件（visualizations.js）中。我编写的函数使用了其他几个 javascript 库，目前这些库都包含在我的 HTML 页面中，所以我有这样的 7 行

<script src="JS/jquery-1.9.1.min.js"></script>
<script src="JS/raphael.2.1.0.min.js"></script>
<script src="JS/justgage.1.0.1.min.js"></script>
<script src="JS/jquery-ui.js"></script>
<script src="JS/jquery.ui.touch-punch.min.js"></script>
<script src="JS/dygraph-combined.js"></script>
<script src="JS/visualisations.js"></script>. 

我的问题：有没有办法将这些库包含到我自己的 JS 文件（visualizations.js）中，所以最终我只需要在 HTML 文件中包含我自己的 JS 文件，而不是编写 7 行来包含所有库。

有什么建议么？请保持您的答案易于理解，我不是高级程序员。

格茨·斯蒂恩

有没有选择避免顶部空间.实际上我正在寻找解决方案,以显示全宽和全高.

演示 http://jsfiddle.net/ugFmE/12/

var g = new JustGage({
  id: "spedometer",
  title: "Monthly expense",
  value: 1986, 
  min: 0,
  max: 2450,
  shadowOpacity: 0,
  relativeGaugeSize: true
});

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

我想知道是否有一种方法可以在创建仪表后更改justGage的Value参数中文本的颜色和可能的装饰.

最后,我希望能够将下划线的文本颜色更改为蓝色,以便类似于链接.

谢谢.

我正在使用justGage(一个用于生成和设置漂亮和干净的仪表板仪表的插件)来编程一些图形 - 我需要能够通过单击按钮来增加和减少该值.

我可以通过使用refresh(g1.refresh(20);)来做到这一点 - 但这使得值20 ...它不会将它增加20.

有人可以帮忙吗？

非常感谢Al

我已经尝试了很长一段时间了,首先我使用PHP作为我的服务器端脚本和mysql for database.i最近我遇到了justgage.com for online gage chart.

所以它的代码是这样的:

var g = new JustGage({
   id: "gauge", 
   value: getRandomInt(350, 980), 
   min: 350,
   max: 980,
   title: "Lone Ranger",
   label: "miles traveled"
 });

所以我想用javascript autorefresh从php动态设置gage的值,如果我只是在值字段中使用PHP短标签,这是不可能的.总之,我想使用jusgage.com图表并实时动态获取php中的值而无需刷新html这可能吗？