Dojox 数据图表 xaxis

【问题标题】：Dojox Data Chart xaxisDojox 数据图表 xaxis
【发布时间】：2011-04-25 08:01:43
【问题描述】：

我想知道是否可以在 dojox.charting.DataChart 中正确设置每个 xaxis

这是我的 data.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（在 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");

        });

【问题讨论】：

标签： dojo dojox.charting

【解决方案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");

        });

查看此页面的源代码 - 此处为 working example。
阅读有关图表构建的好文章 - introducing-dojox-datachart

编辑： 另请查看this 页面。我想这对你很有帮助。

【讨论】：