d3.js折线图自定义x轴

时间:2015-06-09 05:19:50

标签: javascript d3.js

我用d3.js绘制了折线图,但问题是,对于x轴,月份出现多次。我只需要在我的图表中输入一个月。

This is the final output

    [{
        "container": 'login-growth-chart',
        "url": "dashboard/logingrowthchart",
        "chart": drawLineChart,
        "options": {
            yAxis: {
                'axisLabel': 'Total amount',
                'axisLabelDistance': 40,
                'tickFormat': d3.format('d')
            },
            xAxis: {
                'tickFormat': function (d) {
                    return d3.time.format("%B %d")(new Date(d))
                }
            }
        }
    }];

     jQuery.each(charts, function (i, d) {
        jQuery.ajax({
         url: Drupal.settings.basePath + d.url,
         dataType: "json",
         success: function (data) {
            jQuery('#' + d.container).empty();
            d.chart(data, d.container, d.options);
         },
         beforeSend: function () {
            jQuery('#' + d.container).html('<div class="ajax-loading"></div>');
         },
         error: function (xmlhttp) {
            jQuery('#' + d.container).prepend('An Error Occured');
            console.log(xmlhttp);
         }
       });
     });

0 个答案:

没有答案