如何在使用django-chartit的同時將圖表放置在中心？

Question

我想把圖表放在網絡中心。但是我發現，無論我做什麼，只要留在網站左側。這裏是我的代碼：

models.py

class User_Data(models.Model): 
    user = models.CharField(max_length=20) 
    word = models.CharField(max_length=255) 
    click_times = models.IntegerField(default=0) 

    class Meta: 
     ordering = ('user',) 

    def __unicode__(self): 
     return unicode(self.user) 

views.py的代碼如下。我只是沿着http://chartit.shutupandship.com的路線走，我真的得到了圖表。

def userdata_chart_view(request): 

    userdata = \ 
     DataPool(
      series= 
      [{'options': { 
       'source': User_Data.objects.filter(user=request.user.username)}, 
       'terms': [ 
        'user', 
        'word', 
        'click_times']} 
      ]) 

    cht = Chart(
     datasource= userdata, 
     series_options = 
      [{'options':{ 
       'type': 'column', 
       'stacking': False}, 
      'terms':{ 
       'word': [ 
        'click_times']}, 
      }], 
     chart_options= 
     {'title': {'text': '搜索頻率'}, 
     'xAxis': {'title': {'text': '詞條'}}, 
     'yAxis': {'title': {'text': '頻率'}}, 
     } 
    ) 

    content1 = {'user_data_chart': cht} 
    return render(request, 'yigu/charts.html', content1) 

而這裏的charts.html

{% extends 'yigu/base_charts.html' %} 

{% block body_block %} 
<br /> 
<div class="container"> 
    <div class="row"> 
    <div class="col-md-4"> 
     <div id="charts" style="width:450px"> 
     </div> 
    </div> 
    </div> 
</div> 
{% endblock %} 

我不知道如何計算的中心問題，雖然我已經通過谷歌搜索解決方案。任何人都可以幫助我？

Answer 1

Bootstrap grid system有12列。你只能定義4列。

<div class="container"> 
    <div class="row"> 
    <div class="col-md-4"></div> 
    <div class="col-md-4"> 
     <div id="charts" style="width:450px"> 
      &nbsp; 
     </div> 
    </div> 
    <div class="col-md-4"></div> 
    </div> 
</div>