使用javascript在条形图上显示最低10个值

时间:2014-05-03 08:21:08

标签: javascript d3.js dc.js

我试图在条形图上显示人口的前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个值。

0 个答案:

没有答案