我试图让我的仪表按扇区显示颜色(即在var g1上我想要绿色0-10,橙色11-22和红色23-34).
@H_502_2@有一个选项可以做到这一点,但没有明确的指示像我这样的新手.
@H_502_2@任何帮助,将不胜感激.
@H_502_2@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']; ?>,max: 14,title: "Passive Aggressive" }); var g3 = new JustGage({ id: "aggressive",value: <?PHP print $content['field_aggressive_score'][0]['#markup']; ?>,max: 6,title: "Aggressive" }); var g4 = new JustGage({ id: "assertive",value: <?PHP print $content['field_assertive_score'][0]['#markup']; ?>,max: 4,title: "Assertive" }); </script>@H_502_2@DFG
解决方法
当你设置第一个量具(g1)时,我发现你正在使用levelColorsGradient:false.这应该根据文档来做.
@H_502_2@文件说
@H_502_2@choose sector-based color representation of the displayed value. It@H_502_2@如果你想定义自己的颜色,文件说
means color will stay green for all values below 33%,yellow from 34%
up until 66%. Take it over 67% and your gauge will glow red. These
three are the default colors.
@H_502_2@// levelColors : string[] @H_502_2@// colors of indicator,from lower to upper,in RGB format@H_502_2@因此,创建自己的颜色变量,将下面的RGB值更改为您想要的颜色.
var myColors = [ "#a9d70b","#f9c802","#ff0000" ]@H_502_2@然后在设置仪表时设置此选项.
levelColors : myColors@H_502_2@或者如果你想将它们保存在一起,跳过变量并执行此操作.我将中间值更改为橙色.
levelColors : [ "#a9d70b","#F27C07","#ff0000" ]@H_502_2@仪表现在是否显示默认颜色?我不认为你可以改变行业,它们是基于百分比.