dataRender в jqPlot ASP.NET из запроса AJAX

Я пытаюсь отобразить гистограмму jqPlot из запроса AJAX, и я не могу заставить ее работать.

У меня есть следующий код JavaScript:

var ajaxDataRenderer = function (url, plot) {
   var ret = null;
   $.ajax({
      // have to use synchronous here, else returns before data is fetched
      async: false,
      url: url,
      contentType: "application/json; charset=utf-8",
      dataType: 'json',
      success: function (data) {
         ret = data;
      }
   });
   return ret;
};

var jsonurl = "WebService1.asmx/HelloWorld";

plo12 = $.jqplot('chart2', jsonurl, {
   title: 'AJAX JSON Data Renderer',
   dataRenderer: ajaxDataRenderer,
   seriesDefaults: {
      renderer: $.jqplot.BarRenderer,
      rendererOptions: {
         // Put a 30 pixel margin between bars.
         barMargin: 30,
         // Highlight bars when mouse button pressed.
         // Disables default highlighting on mouse over.
         highlightMouseDown: true
      },
      pointLabels: { show: true }
   },
   axes: {
      xaxis: {
         renderer: $.jqplot.CategoryAxisRenderer
      },
      yaxis: {
         // Don't pad out the bottom of the data range.  By default,
         // axes scaled as if data extended 10% above and below the
         // actual range to prevent data points right on grid boundaries.
         // Don't want to do that here.
         padMin: 0
      }
   },
   legend: {
      show: true,
      location: 'e',
      placement: 'outside'
   }
});

А мой WebService1.asmx выглядит так:

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[System.ComponentModel.ToolboxItem(false)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService {

    [WebMethod]
    [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
    public string HelloWorld()
    {
        return "[[2],[7],[14]]";
    }
}

Я видел это решение, но я новичок в этом, и я могу не могу понять, в чем моя проблема.


person Sandra    schedule 02.05.2012    source источник


Ответы (3)


Я использую эту библиотеку JQplot через GWT. Убедитесь, что вы загрузили файлы .JS, такие как jquery.jqplot, рендеринг панели и т. д. Я думаю, что это сработает, или я могу ошибаться, если вы уже проверили это.

person Shamitha Silva    schedule 03.05.2012

Обратите внимание, что в ссылке на решение, которое вы предоставляете, перед строкой jsonurl стоит /. Это может быть и так.

Это также можно увидеть по URL-адресам запросов, которые вы отправляете, например, в консоли firebug.

В противном случае вы можете перепроверить, что метод что-то возвращает? Просто запустите его без графика и выведите все, что он выдаст, на консоль.

В остальном я не вижу проблем в коде js.

person Boro    schedule 03.05.2012

Вы можете попробовать с установкой ret = [data]

jqPlot ожидает, что объект в формате массива будет отображать диаграммы.

Спасибо

person Dhruv Chauhan    schedule 22.01.2014