Как иметь определенную границу на горизонтальной гистограмме d3.js

Question

Я использую NVD3 и D3 для создания простых визуальных изображений, одна из которых представляет собой горизонтальную гистограмму. Варианты:

{ 
    "type": "multiBarHorizontalChart", 

    "height": 600, 

    "showControls": false, 
    "showValues": true, 
    "duration": 500, 
    "xAxis": { 
     showMaxMin: false, 
     axisLabelDistance: 400, 
     axisLabelWidth: 500, 
    }, 
    "yAxis": { 
     "axisLabel": "", 
     "tickFormat": function (d) { return d; } 
    }, 
    "yDomain" : [0, 10000], 
    x : (function(d) { return d.label }), 
    y : (function(d) { return d.value }), 

    showLegend: false, 
    valueFormat: d3.format(".0f"), 
} 

И выход выглядит следующим образом:

Default output

Однако полиции стиля проекта не нравится, что диапазон графа появляется неограниченным, и они хотели бы его чтобы выглядеть следующим образом:

Desired output

возможно ли это?

Благодаря

Answer 1

актуальная проблема здесь была как библиотека построить на вершине D3 (NVD3) решил сделать это гистограмм.

Вместо того, чтобы изобретать колесо, было принято решение использовать Amcharts вместо этого.