使用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 %}

盡管我已經通過Google搜索解決方案，但我不知道如何解決中心問題。 有人可以幫助我嗎？

Answer 1

Bootstrap網格系統具有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>