Ось диаграммы данных Dojox

#dojo #dojox.charting

#додзе #dojox.построение графиков

Вопрос:

Мне интересно, возможно ли правильно настроить каждую ось в dojox.charting.Диаграмма данных

вот мои данные.Например, JSON:

 { 
  "label": "btmlabel",
  "items": [
        { "mydata":"ANDT", "btmlabel":[{value: 1, text: "22 April 10.34AM"},{value: 2, text: "22 April 10.40AM"}], "data":[{"x":1,"y":1},{"x":2,"y":3}] }
       ]
}
  

и попытка нарисовать ось, которая завершилась неудачей (показать пустую в xaxis) с помощью приведенного ниже кода:

 var chartPrefs = {
            chartPlot: {type:dojox.charting.plot2d.Markers, tension:"S"},
            scroll:true,
            xaxis:{labelFunc:"seriesLabels"},
        }

        chart = new dojox.charting.DataChart("chartNode", chartPrefs);
        chart.setStore(store, {mydata:"*"}, "data");

        });
  

Ответ №1:

Похоже, что ваша структура объекта json недопустима для построения графиков. Было бы лучше использовать следующую структуру:

 var storeData = {
    "label": "btmlabel",
    "items":
        [
           {
              "btmlabel": "22 April 10.34AM",
              "data": 1
           },
           {
              "btmlabel": "22 April 10.40AM",
              "data": 3
           }
        ]
    }
  

и создание диаграммы:

 dojo.addOnLoad(function () {
            var storeForChart = new dojo.data.ItemFileWriteStore({ data: storeData });

            var chartPrefs = {
                chartPlot: { type: dojox.charting.plot2d.Markers, tension: "S" },
                comparative: true,
                xaxis: { labelFunc: "seriesLabels" }
            }
            chart = new dojox.charting.DataChart("chartNode", chartPrefs);
            chart.setStore(storeForChart, { data: "*" }, "data");

        });
  

Просмотрите исходный код этой страницы — здесь рабочий пример.
Прочитайте хорошую статью о построении диаграммы — представляем-dojox-datachart

Редактировать:Также посмотрите на эту страницу. Я думаю, это будет очень полезно для вас.