nvd3双X轴在stackedgroupedChart

时间:2016-09-21 05:53:42

标签: javascript html angularjs d3.js nvd3.js

我正在使用nvd3 stackedgroupchart,现在我已将单个X-Axis列标签更改为多个。  此外,我还需要为月份名称添加辅助X-Axis。我正在使用以下链接中的图表

http://bl.ocks.org/4629518

现在我的图表显示为, enter image description here

我需要像这样在X轴上添加几个月,

enter image description here

现在我的X-Axis根据以下代码生成:

var xScale = d3.scale.ordinal()
    .domain(d3.range(dataset.length))
    .rangeRoundBands([0, width], 0.8); 

var xAxis = d3.svg.axis()
    .scale(xScale)
    .tickFormat(function(d) { return dataset[d].shift; })
    .orient("bottom");

请帮助添加X轴的二级标签,

先谢谢,

1 个答案:

答案 0 :(得分:1)

创建另一个具有首选比例的轴来映射

  • 使用copy功能复制比例
  • 将新域值添加到比例
  • 创建新轴并添加比例
  • 调用(axisNew)并更改转换值

    std::map