Jquery jqplot折线图中的Json数据绑定不正确

Jquery jqplot折线图中的Json数据绑定不正确,jquery,json,jqplot,Jquery,Json,Jqplot,这是我的jqplot图表代码。我在浏览器控制台中收到一个未指定数据的错误。或者我得到一张空白图表,没有画直线系列。请帮我解决这个问题 var data1 = '[[[5.00,81.00],[7.20,80.00],[9.00,79.00],[10.80,72.00],[12.00,68.00],[15.00,49.00]],[[5.00,162.00],[7.20,160.00],[9.00,158.00],[10.80,144.00],[12.00,136.00],[15.00,98.00]

这是我的jqplot图表代码。我在浏览器控制台中收到一个
未指定数据的
错误。或者我得到一张空白图表,没有画直线系列。请帮我解决这个问题

var data1 = '[[[5.00,81.00],[7.20,80.00],[9.00,79.00],[10.80,72.00],[12.00,68.00],[15.00,49.00]],[[5.00,162.00],[7.20,160.00],[9.00,158.00],[10.80,144.00],[12.00,136.00],[15.00,98.00]],[[5.00,81.00],[5.00,162.00]],[[15.00,49.00],[15.00,98.00]],[[3.00,133.00],[3.90,126.00],[4.80,119.00],[6.00,107.00],[7.20,91.00],[9.00,61.00]],[[3.00,266.00],[3.90,252.00],[4.80,238.00],[6.00,214.00],[7.20,182.00],[9.00,122.00]],[[3.00,133.00],[3.00,266.00]],[[9.00,61.00],[9.00,122.00]]]';
var data ='{ "Values": [[[5.00, 81.00], [7.20, 80.00], [9.00, 79.00], [10.80, 72.00], [12.00, 68.00], [15.00, 49.00]], [[5.00, 162.00], [7.20, 160.00], [9.00, 158.00], [10.80, 144.00], [12.00, 136.00], [15.00, 98.00]], [[5.00, 81.00], [5.00, 162.00]], [[15.00, 49.00], [15.00, 98.00]], [[3.00, 133.00], [3.90, 126.00], [4.80, 119.00], [6.00, 107.00], [7.20, 91.00], [9.00, 61.00]], [[3.00, 266.00], [3.90, 252.00], [4.80, 238.00], [6.00, 214.00], [7.20, 182.00], [9.00, 122.00]], [[3.00, 133.00], [3.00, 266.00]], [[9.00, 61.00], [9.00, 122.00]]] }'
var data2= JSON.Parse('{ "Values": [[[5.00, 81.00], [7.20, 80.00], [9.00, 79.00], [10.80, 72.00], [12.00, 68.00], [15.00, 49.00]], [[5.00, 162.00], [7.20, 160.00], [9.00, 158.00], [10.80, 144.00], [12.00, 136.00], [15.00, 98.00]], [[5.00, 81.00], [5.00, 162.00]], [[15.00, 49.00], [15.00, 98.00]], [[3.00, 133.00], [3.90, 126.00], [4.80, 119.00], [6.00, 107.00], [7.20, 91.00], [9.00, 61.00]], [[3.00, 266.00], [3.90, 252.00], [4.80, 238.00], [6.00, 214.00], [7.20, 182.00], [9.00, 122.00]], [[3.00, 133.00], [3.00, 266.00]], [[9.00, 61.00], [9.00, 122.00]]] }');                  

var plot1 = $.jqplot('theChart', [data2.Values],
    {
         //dataRenderer:data1,
         title: 'Log Line',
         axes: { xaxis: { renderer: $.jqplot.LogAxisRenderer, ticks: [1, 10, 100, 1000] } },
         stackSeries: true,
         series: [{ color: '#5FAB78' }]
     });

有多处错误

您使用了
JSON.Parse
而不是
JSON.Parse

您应该将代码包装在
$(document).ready(function)
中,这样它就可以找到dom元素
,即您的div

目标Div名称也正确,您提到的是
theChart
,而不是
theChart
(区分大小写)

更新 看起来这是你的JSON格式的问题,不管怎样,我已经在fiddle中更正并更新了它,请验证bellow fiddle

您的总体代码应该如下所示

<div id="thechart" style="height:600px;width:95%;"></div>
当您将JSON格式传递给
jqplot
函数时,它应该是这样的

[[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]
更新

您需要删除额外的方括号:

var plot1 = $.jqplot('thechart', data3.Values,
而不是

var plot1 = $.jqplot('thechart', [data3.Values],

你会拉小提琴吗?嗨,莫克什·沙阿,谢谢你的回复。。这是我的小提琴,我得到了三种类型的值data1,data2,data3。如果任何一个json值使jqplot折线图对我来说都没有问题。。请帮我更新我的答案,核实一下,如果你还发现任何问题,一定要告诉我。我已经纠正了你在我的小提琴上指定的错误。但我还是得到了一张没有画直线系列的空图表。对不起,我再次更正了小提琴中的代码。但是我得到的是空图表。。请help@Dinesh92d,更新了我的ans,如果您仍然面临任何问题,请告诉我,或者如果它确实有帮助,那么您可以将其标记为答案。正如您在小提琴中所说,我已更改了我的json数据。但是我仍然得到空图表。请帮助在您的情况下,
stackSeries:true
导致问题,如果您将其设置为false
stackSeries:false
,则它将开始工作,您必须缺少stack series的一些默认值,您的情况确实需要它吗?我删除了stackSeries属性。但它仍然显示空的图表。。。am正在将多个系列数据绑定到图表。请帮忙
var plot1 = $.jqplot('thechart', [data3.Values],