Chart.js中的JSON数据是拆分值

时间:2016-01-21 10:37:39

标签: jquery json charts chart.js

我正在尝试使用JSON返回的值绘制chart.js图表​​。我设法让它读取值,但它将数字拆分为单独的数据点。

我的代码如下:

function drawchart(){
var yaxisdata = yaxischartdata;
var labeldata = xaxischartdata;
var Data1 = {
labels : labeldata,
datasets : [{
    fillColor             : "rgba(151,187,205,0.2)",
    strokeColor           : "rgba(151,187,205,1)",
    pointColor            : "rgba(151,187,205,1)",
    pointStrokeColor      : "#fff",
    pointHighlightFill    : "#fff",
    pointHighlightStroke  : "rgba(151,187,205,1)",
    data                  : yaxisdata
    }]
};
var ctx = $("#myChart").get(0).getContext("2d");
var myLineChart = new Chart(ctx).Line(Data1);
};

图表呈现,但值似乎"拆分"。这里的json返回值是" 76"和" 1200"但正如您在下图所示,它将其视为[7,6]和[1,2,0,0]

chartjs numbers splitting

非常感谢任何帮助:)

我只是尝试按照Victor的建议将变量添加为数组,但它现在呈现如下:

enter image description here

1 个答案:

答案 0 :(得分:0)

您的数据和标签必须是数组。所以你的代码将是:

at Microsoft.BizTalk.Adapter.Wcf.Runtime.BizTalkServiceInstance.EndOperation(IAsyncResult result)
at AsyncInvokeEndEndTwoWayMethod(Object , Object[], IAsyncResult )
at System.ServiceModel.Dispatcher.AsyncMethodInvoker.InvokeEnd(Object instance, Object[]&outputs, IAsyncResult result)
at System.ServiceModel.Dispatcher.DispatchOperationRuntime.InvokeEnd(MessageRpc&rpc)
at System.ServiceModel.Dispatcher.ImmutableDispatchRuntime.ProcessMessage7(MessageRpc&rpc)
at System.ServiceModel.Dispatcher.MessageRpc.Process(Boolean isOperationContextSet)

文档:http://www.chartjs.org/docs/#line-chart

小提琴:https://jsfiddle.net/vcarvalho/qs2cnky4/