Dimple條形圖掛在y軸上

Question

我有一個dimple圖表，其條形重疊在y軸上。我認爲問題在於它是一個時間軸。我已經包含了下面生成代碼的代碼。我怎樣才能創建一個填充/邊距來將這些條靠得更近？

function build_chart() { 
    data = response_data[frequency]; 
    svg = dimple.newSvg("#chartContainer", $(document).width() * .90, $(document).height() *.65); 
    var chart = new dimple.chart(svg, data); 
    chart.setBounds(60, 40, "80%", "80%"); 

    var x = chart.addTimeAxis("x", "begin_date", "%Y-%m-%dT%H:%M:%S", output_date_format()); 
    x.addOrderRule("begin_date"); 
    x.showGridlines = true; 

    var y = chart.addMeasureAxis("y", "count_session_total"); 
    y.showGridlines = true; 
    y.tickFormat = ',.0f'; 
    y.title = ''; 

    if(data) { 
     var s1 = chart.addSeries(null, dimple.plot.bar); 
     var bar_length = $(document).width() * .8/data.length; 
     x.floatingBarWidth = bar_length; 
    } 
    chart.draw(1500); 
} 

Answer 1

以下是我能得到這個工作：

var chart_width = chart._widthPixels(); 
var bars = data.length * 1.2; 
x.floatingBarWidth = chart_width/bars; 

x.title = ''; 
if(frequency == 'daily') { 
    x.overrideMin = moment(data[0]['Date']).subtract(1, 'days'); 
    x.overrideMax = moment(data[data.length - 1]['Date']).add(1, 'days'); 
} else if(frequency == 'weekly') { 
    x.title = 'Week Beginning' 
    x.overrideMin = moment(data[0]['Date']).subtract(7, 'days'); 
    x.overrideMax = moment(data[data.length - 1]['Date']).add(7, 'days'); 
} else if(frequency == 'monthly') { 
    x.overrideMin = moment(data[0]['Date']).subtract(1, 'months'); 
    x.overrideMax = moment(data[data.length - 1]['Date']).add(1, 'months'); 
    x.floatingBarWidth = x.floatingBarWidth * .75; 
}