测试变量是否正确,并显示条形图数据
Test if variable is correct number and display bar chart data
我想让我的条形图更动态一点,这样用户就可以改变输入的值的数量。我使用的php变量被转换成JQuery变量。现在图表工作得很好,但当我尝试添加if语句,如果条形数大于或等于值的数量,图表就消失了。有人知道我哪里出错了吗?
<script>
window.onload = function (){
var pValue1 = <?php echo $pValue1;?>;
var pValue2 = <?php echo $pValue2;?>;
var pValue3 = <?php echo $pValue3;?>;
var pValue4 = <?php echo $pValue4;?>;
var pValue5 = <?php echo $pValue5;?>;
var NoOfBars = <?php echo $NoOfBars;?>;
var bar = new RGraph.Bar({
id:'cvs1',
data:
if (NoOfBars >= 1){
[pValue1],
}
if (NoOfBars >= 2){
[pValue1, pValue2],
}
if (NoOfBars >= 3){
[pValue1, pValue2, pValue3],
}
if (NoOfBars >= 4){
[pValue1, pValue2, pValue3, pValue4],
}
if (NoOfBars >= 5){
[pValue1, pValue2, pValue3, pValue4, pValue5],
}
options: {
backgroundGridDashed: true,
labels: ['Mal', 'Barry', 'Gary', 'Neil', 'Kim', 'Pete', 'Lou', 'Fred', 'Jobe'],
title: 'Title of Chart',
strokestyle: 'rgba(0,0,0,0)',
textAccessible: true
}
}).draw();
};
</script>
所以你要做的是分配给JSON,但你需要做的是将其分配给一个变量,因为你有很多条件。
我为您创建了一个变量,然后将其赋值。(我根据你的趋势将其默认为空数组。然后我会在RGraph的JSON中分配它。酒吧
<script>
window.onload = function (){
var pValue1 = <?php echo $pValue1;?>;
var pValue2 = <?php echo $pValue2;?>;
var pValue3 = <?php echo $pValue3;?>;
var pValue4 = <?php echo $pValue4;?>;
var pValue5 = <?php echo $pValue5;?>;
var NoOfBars = <?php echo $NoOfBars;?>;
var barValue = []; // <-- new variable.
if (NoOfBars >= 1){
barValue = [pValue1];
}
if (NoOfBars >= 2){
barValue = [pValue1, pValue2];
}
if (NoOfBars >= 3){
barValue = [pValue1, pValue2, pValue3];
}
if (NoOfBars >= 4){
barValue = [pValue1, pValue2, pValue3, pValue4];
}
if (NoOfBars >= 5){
barValue = [pValue1, pValue2, pValue3, pValue4, pValue5];
}
var bar = new RGraph.Bar({
id:'cvs1',
data: barValue, // <-- assignment
options: {
backgroundGridDashed: true,
labels: ['Mal', 'Barry', 'Gary', 'Neil', 'Kim', 'Pete', 'Lou', 'Fred', 'Jobe'],
title: 'Title of Chart',
strokestyle: 'rgba(0,0,0,0)',
textAccessible: true
}
}).draw();
};
</script>
这就是NOT如何有条件地构建数组。if
不是一个函数,它没有返回值,你不能将if
赋值给一个变量。
你的代码应该是:
var foo = []; // empty array
if ( ... something ...) {
foo.push(new value);
}
if (... something else ) {
foo.push (new value);
}
doSomething(foo);
相关文章:
- D3.js条形图未显示
- 如何在堆积条形图中显示值的总和
- D3.js条形图:不显示 .text
- 如何在选中复选框时显示条形图
- 如何创建一个可以调用的函数,以使用JQplot显示多个条形图
- 谷歌条形图无法显示浮点数
- Highcharts 单个水平堆叠条形图,始终显示数据名称(标签)和 %-年龄,并在鼠标悬停时显示数据编号和系列名称
- D3.js条形图 - 在图例单击时显示/隐藏条形.如何正确过滤
- D3:如何在条形图中仅显示6项中的前3项
- 不显示简单的 d3 条形图
- d3.js - 条形图不会以比例显示
- 如何使用 javascript 突出显示 jqplot 条形图
- 自定义突出显示以绘制堆积条形图
- 我如何在highcharts中加载外部json数据来显示条形图
- 测试变量是否正确,并显示条形图数据
- 如何在DataTable中显示条形图
- 鼠标悬停在Protovis中的表行上时高亮显示条形图
- 显示条形图的原始和更新数据
- 如何在Ruby on Rails中显示条形图的图例
- Jqplot不显示条形图