我试图在条形图上显示人口的前10名和后10名。
成功显示前10个值但我没有得到如何在条形图上显示底部10个值。
我使用以下代码在条形图上显示前10个值:
d3.csv("{% static 'csv/healthdata.csv' %}", function (error, csv) {
var data = crossfilter(csv);
var company = data.dimension(function (d) {
return d["County_Name"];
});
var companyGroup = company.group().reduceSum(function (d) {
return d["Population"];
});
bottomChart.width(300)
.height(300)
.margins({
top: 20,
left: 10,
right: 10,
bottom: 20
})
.dimension(company)
.group(companyGroup)
// assign colors to each value in the x scale domain
.ordinalColors(['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#dadaeb'])
.elasticX(true)
.ordering(function (d) {
return -d.value;
})
.xAxis().ticks(4);
bottomChart.data(function (group) {
return group.top(10);
});
dc.renderAll();
d3.selectAll(".bar").call(barTip);
d3.selectAll(".bar").on('mouseover', barTip.show)
.on('mouseout', barTip.hide);
});
请帮我显示最低的10个值。