无法让JSON与Dimple.js一起使用而不是TSV文件

时间:2014-01-21 20:07:50

标签: json dimple.js

问题:我无法让Dimple.js使用JSON数据数组而不是tsv文件。我想最终从PHP / MySQL填充JSON数组,但不能让它手动工作。

我有下面的代码,但是当我为我的新数据变量切换.tsv时,它会给我带来各种错误。我觉得这是一个简单的解决方案,但是已经尝试了各种方式,但没有一种方法可以解决。

我注释掉了我试图添加的手动数据,这给我一个错误。我在这里工作,但我无法弄清楚如何切换到JSON数组.....

<script type="text/javascript">
                /**var data = [
                                {Month:"May-2012",Unit Sales:"50",Channel:"First One"},
                                {Month:"May-2012",Unit Sales:"50",Channel:"First One"},
                                {Month:"April-2012",Unit Sales:"50",Channel:"First One"},
                                {Month:"June-2012",Unit Sales:"50",Channel:"First One"},
                                {Month:"July-2012",Unit Sales:"50",Channel:"First One"},
                                {Month:"August-2012",Unit Sales:"50",Channel:"First One"},
                                {Month:"Sept-2012",Unit Sales:"50",Channel:"First One"},
                                {Month:"Oct-2012",Unit Sales:"50",Channel:"First One"}
                            ];
            **/

                var svg = dimple.newSvg("#chartContainer", 590, 400);
                d3.tsv("PMSI-AlignAlytics-dimple-2e3a06a/data/example_data.tsv", function (data) {
                //d3.tsv(data, function (data) {
                  var myChart = new dimple.chart(svg, data);
                  myChart.setBounds(60, 30, 510, 305)
                  var x = myChart.addCategoryAxis("x", "Month");
                  x.addOrderRule("Date");
                  myChart.addMeasureAxis("y", "Unit Sales");
                  myChart.addSeries("Channel", dimple.plot.bar);
                  myChart.addLegend(60, 10, 510, 20, "right");
                  myChart.draw();
                });
            </script>

1 个答案:

答案 0 :(得分:2)

我找到了问题的答案。而不是试图将细节包装在像这样的函数中:

d3.tsv("PMSI-AlignAlytics-dimple-2e3a06a/data/example_data.tsv", function (data) { 
   //
}); 

我可以删除它和尾随,它可以正常工作。