首页 > 解决方案 > 更改条形图 dc.js 的标签

问题描述

在此处输入图像描述

我想在 dc.js 条形图 X 轴中将月份显示为 Jan、Feb、Mar 等。

以下是代码详细信息 -

  var monthlyDimension = ndx.dimension(function(d) {
        var monthName = getMonth(d.month);
        return +d.month;
    });

我尝试将其更改为-

    var monthDimLabels = ndx.dimension(function(d) {            
    var monthName = getMonth(d.month);
        return monthName;
    });

function getMonth(month) 
{ 
return ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][parseInt(month)-1] }

但在 X 轴上仍然只有月份数字可见

Json 结构 -

var data = [ {
        dt : '28/01/2018',
        temp : 20,

    }, {
        dt : '16/02/2018',
        temp : 45,

    }

有人可以建议如何更改标签名称类似于

 heatmapChart.colsLabel(function(d) {
        return d;
    });

但 BarChart 不支持 colsLabel 和 rowsLabel。任何帮助表示赞赏。谢谢你。

标签: bar-chartdc.js

解决方案


推荐阅读