Eu tenho um gráfico composto de três gráficos de linhas. Um dos gráficos está usando um grupo "falso", conforme sugeridoaqui. Como você pode ver no instantâneo abaixo, a escala do terceiro gráfico é muito diferente dos outros dois. A solução que eu gostaria é ter um gráfico de eixo duplo, como mostradoaqui em d3 puro. Eu acho que isso pode ser feito usando um .renderlet () no gráfico principal composto, mas eu queria saber se havia uma solução "mais sexy" com dc.js puro?

Aqui está um instantâneo:

e aqui está o meu código. (no coffeescript) Tentei usar .y e .yAxis nos gráficos internos, mas isso não teve efeito.

    actualValuesChart = dc.lineChart(mainChart)
        .group(metric, "actual " + @displayName)
        .valueAccessor (d) -> d.value.avg
        .colors(['green'])
        .interpolate('basis-open')

    normValuesChart = dc.lineChart(mainChart)
        .group(metric, "normal " + @displayName)
        .valueAccessor (d) -> d.value.avg_avg
        .colors(['rgba(0,0,255,1)'])
        .interpolate('basis-open')

    clipsCountChart = dc.lineChart(mainChart)
        .group(buildFakeGroup(defaultClipsArray))
        .colors(['red'])
        .interpolate('basis-open')
        # .y(d3.scale.linear().range([100, 0]))
        # .yAxis(d3.svg.axis().scale(d3.scale.linear().range([100, 0])))

    mainChart
        .dimension(@dimension.monthStamp)
        .width(thisChart.width + 30)
        .height(thisChart.width*.333)
        .yAxisLabel(@displayName)
        .elasticY(true)
        .x(d3.time.scale().domain([minDate,maxDate]))
        .xUnits(d3.time.months)
        .brushOn(true)
        .legend(dc.legend().x(60).y(10).itemHeight(13).gap(5))
        .renderHorizontalGridLines(true)
        .compose([actualValuesChart,normValuesChart,clipsCountChart])