问题:我无法让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>
答案 0 :(得分:2)
我找到了问题的答案。而不是试图将细节包装在像这样的函数中:
d3.tsv("PMSI-AlignAlytics-dimple-2e3a06a/data/example_data.tsv", function (data) {
//
});
我可以删除它和尾随,它可以正常工作。