Đặt phạm vi trục Y trong biểu đồ loạt dc

Question

Tôi đang sử dụng dc.js để tạo biểu đồ chuỗi. Tôi không thể đặt trục Y bắt đầu và kết thúc như mong muốn. Ai đó có thể đề nghị làm thế nào để đạt được trục Y bắt đầu từ 90 thay vì 0? Lý tưởng nhất là tôi muốn đặt trục Y bắt đầu ở mức tối thiểu của giá trị dữ liệu và kết thúc là giá trị dữ liệu tối đa.

Code:

d3.csv("data/compareData.txt", function(data) { 

    ndx = crossfilter(data); 
    runDimension = ndx.dimension(function(d) {return [+d3.time.format.iso.parse(d.timestamp), +d.meterid]; }); 
    runGroup = runDimension.group().reduceSum(function(d) { return +d.voltagemagnitude*100; }); 

    testChart 
    .width(768) 
    .height(480) 
    .chart(function(c) { return dc.lineChart(c).interpolate('basis'); }) 
    .x(d3.time.scale().domain([1366621166000, 1366621179983])) 
    .y(d3.scale.linear().domain([90, 100])) 
    .brushOn(false) 
    .yAxisLabel("Measured Speed km/s") 
    .xAxisLabel("Run") 
    .elasticY(true) 
    .dimension(runDimension) 
    .group(runGroup) 
    .mouseZoomable(false) 
    .seriesAccessor(function(d) {return "PMU: " + d.key[1];}) 
    .keyAccessor(function(d) {return +d.key[0];}) 
    .valueAccessor(function(d) {return +d.value;}) 
    .legend(dc.legend().x(350).y(350).itemHeight(13).gap(5).horizontal(1).legendWidth(140).itemWidth(70)); 
    testChart.yAxis().tickFormat(function(d) {return d3.format(',d')(d);}); 
    testChart.margins().left += 40; 

    dc.renderAll(); 

}); 

Answer 1

Tôi nghĩ rằng bạn muốn một cái gì đó như thế này:

var runMin = +runDimension.bottom(1)[0].voltagemagnitude*100; 
var runMax = +runDimension.top(1)[0].voltagemagnitude*100; 

Sau đó, bạn có thể thiết lập tên miền cho trục y của bạn:

.y(d3.scale.linear().domain([runMin, runMax])) 

Lưu ý rằng bottom và top trả về hàng dữ liệu, vì vậy bạn cần trích xuất giá trị từ nó và chuyển đổi nó trong cùng một cách bạn làm cho reduceSum.

Answer 2

Tôi đã gặp phải sự cố tương tự và tất cả những gì cần làm là xóa .yAxisPadding. Không chính xác một câu trả lời cho vấn đề của bạn nhưng hy vọng sử dụng cho những người khác đọc bài đăng này.