Jquery dc.js:无法显示条形图_Jquery_D3.js_Dc.js

Jquery dc.js:无法显示条形图

jquery d3.js

Jquery dc.js:无法显示条形图,jquery,d3.js,dc.js,Jquery,D3.js,Dc.js,我正在使用Dimensional Charting javascript库dc.js制作一个条形图，它基于d3和crossfilter。我是dc.js库的新手。我试图使用csv文件显示条形图，但无法显示图形。请给我适当的解决方案 <html> <head> <title>dc.js - Bar Chart Example</title> <meta charset="UTF-8"> <link rel="stylesheet"

我正在使用Dimensional Charting javascript库dc.js制作一个条形图，它基于d3和crossfilter。我是dc.js库的新手。我试图使用csv文件显示条形图，但无法显示图形。请给我适当的解决方案

<html>
<head>
<title>dc.js - Bar Chart Example</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/dc.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"  type="text/javascript"></script>
<script type="text/javascript" src="js/d3.js"></script>
<script type="text/javascript" src="js/crossfilter.js"></script>
<script type="text/javascript" src="js/dc.js"></script>

</head>
 <body>
 <div id="volume-month-chart">
 <span>Days by Gain or Loss</span>
 <a class="reset" href="javascript:gainOrLossChart.filterAll();dc.redrawAll();" style="display: none;">reset</a>
 <span class="reset" style="display: none;">Current filter: <span class="filter"></span>     
 </div>
 <script type="text/javascript">
 var fluctuationChart = dc.barChart("#volume-month-chart");
 d3.csv("data/morley.csv", function (data)
 {

    var dateFormat = d3.time.format("%m/%d/%Y");
    var numberFormat = d3.format(".2f");

    data.forEach(function (d) {
           d.Expt = +d.Expt; // coerce to number
           d.Run = +d.Run;
       d.Speed = +d.Speed;
});
     var ndx = crossfilter(data);
     var all = ndx.groupAll();
   fluctuationChart.width(420)
        .height(180)
        .margins({top: 10, right: 50, bottom: 30, left: 40})
        .dimension(fluctuation)
        .group(fluctuationGroup)
        .elasticY(true)
        .centerBar(true)
    .gap(1) 
    .round(dc.round.floor)
        .alwaysUseRounding(true)
        .x(d3.scale.linear().domain([-25, 25]))
        .renderHorizontalGridLines(true)
    .filterPrinter(function (filters) 
        {
           var filter = filters[0], s = "";
           s += numberFormat(filter[0]) + "% -> " + numberFormat(filter[1]) + "%";
           return s;
        });
        fluctuationChart.xAxis().tickFormat(
        function (v) { return v + "%"; });
        fluctuationChart.yAxis().ticks(5);
      </script>


dc.js-条形图示例
得失天数
当前筛选器：
var波动图=dc.条形图（“量月图”）；
d3.csv（“数据/morley.csv”，函数（数据）
{
var dateFormat=d3.time.format（“%m/%d/%Y”）；
var numberFormat=d3.format（“.2f”）；
data.forEach（函数（d）{
d、 Expt=+d.Expt；//强制为数字
d、 Run=+d.Run；
d、 速度=+d.速度；
});
var ndx=交叉滤波器（数据）；
var all=ndx.groupAll（）；
波动图宽度（420）
.高度（180）
.margins（{顶部：10，右侧：50，底部：30，左侧：40}）
.尺寸（波动）
.组（波动组）
.弹性（真实）
.centerBar（正确）
.差距（1）
.圆形（直流圆形地板）
.alwaysUseRounding（正确）
.x（d3.scale.linear（）.domain（[-25,25]））
.renderHorizontalGridLines（真）
.filterPrinter（功能（过滤器）
{
var filter=filters[0]，s=“”；
s+=numberFormat（过滤器[0]）+“%->”+numberFormat（过滤器[1]）+“%”；
返回s；
});
波动图表.xAxis（）.tickFormat(
函数（v）{返回v+“%”；}）；
波动图表.yAxis（）.ticks（5）；

这看起来像是试图使用d3.csv回调之外的数据的常见问题-请注意，此函数立即返回，然后在数据可用时调用回调

因此，在呈现图表时，它没有数据。请尝试将图表初始化移动到回调中

（用小提琴来验证这一点会更容易。；-

你收到错误消息了吗？@Larskothoff没有收到任何消息