我试图显示一个jqplot,创建图表所需的数据正在通过函数参数传递,如function updatetestGraph(graphData)
如果我执行console.log(graphData)
,我将看到以下JSON
[['07/9/2014',500],['07/8/2014',900],['07/7/2014',1200],['07/6/2014',500],['07/5/2014',500],['07/4/2014',500],['07/11/2014',3000]]
问题是,如果我将graphData
分配给另一个JS变量或直接使用graphData
来显示图形,它不起作用,但如果我从控制台日志中复制JSON,图形看起来就很好。我不明白是什么问题,这两个JSON是相同的,具有相同的格式。
如果我使用graphData
或将其分配给另一个变量,我得到的错误是Error: No data specified
下面是我的JS函数,我用来显示图形
function updatetestGraph(graphData) {
$('#how_long').empty();
var newHolidaysData;
newHolidaysData = graphData;
console.log(newHolidaysData);
how_long_plot = $.jqplot('how_long', [newHolidaysData], {
seriesColors: [ "#F2A809"],
series: [
{
lineWidth: 5,
markerOptions: { style: 'circle' }
}
],
grid: {
background: 'transparent',
borderColor: '#ffffff',
borderWidth: 2.0
},
axes: {
xaxis: {
tickInterval: '1 day',
renderer: $.jqplot.DateAxisRenderer,
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
shadowAlpha: '0.1',
tickOptions: {
angle: 15,
showGridline: false,
color: '#ffffff',
formatString: '%b %#d'
}
},
yaxis: {
min: 0,
max:<?php echo $factfinddata->getFactFind('holiday_goal_target'); ?>,
label: '',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
tickOptions: {
showGridline: false,
prefix: '$'
}
}
}
});
//end of script for how long will it take me chart
}
我真的很感激这里的任何帮助,请不要让我创建小提琴,因为我还没有探索小提琴是如何工作的,我很沮丧,这试图使它工作。
这是您的问题的概要。
为了能够绘制图形,我已经为轴添加了最小值。如果你注释第24行:
min: '07/1/2014'
图形不呈现。
另一个解决方案是删除tickInterval选项以便绘制图形。
也许你的问题可以与这样的事情有关?有消息请随时通知我。